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

2016-11-17  本文已影响0人  butterandfly

例如我们有一个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

上一篇下一篇

猜你喜欢

热点阅读