美文网首页
Polymer里根据bool值来隐藏/显示内容

Polymer里根据bool值来隐藏/显示内容

作者: butterandfly | 来源:发表于2016-11-17 11:26 被阅读0次

    例如我们有一个iron-icon,我希望根据真假值(user.isActive)来显示/隐藏它。

    会有两种实现方式,一种是用dom-if

    <template is="dom-if" if="[[user.isActive]]">
      <iron-icon icon="menu"></iron-icon>
    </template>
    

    dom-if的详细说明可以看这里

    另外一种是更简洁的,使用hidden$

    <iron-icon icon="menu" hidden$="[[user.isActive]]"></iron-icon>
    

    hidden$是polymer里面的一个特殊用法,具体可查看Bind to a target attribute

    相关文章

      网友评论

          本文标题:Polymer里根据bool值来隐藏/显示内容

          本文链接:https://www.haomeiwen.com/subject/xfedpttx.html