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