绑定到核心列表项的“隐藏”属性（Polymer 0.5）

Question

深入研究核心列表源代码，它似乎使用 Javascript 检查元素的 hidden 属性。但是设置 <div hidden="false"> 会导致 div 被隐藏。我能否以某种方式将表达式绑定到此 Javascript 属性，或者我是否需要向核心列表提交 PR 以明确添加支持？

Answer 1

如果您希望您的元素不被隐藏，您应该删除隐藏属性。 hidden="false" 在 html.

中意义不大

Answer 2

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

<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;
         }
     });

绑定到核心列表项的“隐藏”属性（Polymer 0.5）

Bind to a core-list item's `hidden` attribute (Polymer 0.5)

polymer