绑定到核心列表项的`hidden`属性(Polymer 0.5)

Question

深入研究核心列表源代码,看起来它hidden使用Javascript 检查元素的属性.但设置<div hidden="false">结果div是隐藏的.我可以以某种方式将表达式绑定到此Javascript属性,还是我需要向核心列表提交PR以明确添加支持？

Answer 1

你可以隐藏/显示隐藏的聚合物元素？属性.

<span hidden?="{{showSpan}}">This may or may not be hidden.</span>

如果布尔表达式'showSpan'是真实的,则显示span元素,否则省略它.

您可以像这样切换showSpan的状态:

<div on-click="{{showinput}}">
   <span hidden?="{{showSpan}}">This may or may not be hidden</span>     
</div>



 Polymer({

       showSpan: false,

       showinput: function() {
         this.showSpan = !this.showSpan;
         }
     });