Polymer里根據(jù)bool值來隱藏/顯示內(nèi)容

例如我們有一個iron-icon,我希望根據(jù)真假值(user.isActive)來顯示/隱藏它。

會有兩種實現(xiàn)方式,一種是用dom-if

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

dom-if的詳細(xì)說明可以看這里。

另外一種是更簡潔的,使用hidden$

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容