绑定到核心列表项目的“隐藏”属性(聚合物0.5)

乱伦

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

马丁

您可以隐藏/显示具有隐藏的聚合物元素吗?属性。

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

如果布尔表达式'showSpan'为true,则显示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;
         }
     });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章