綁定到核心列表項目的「隱藏」屬性（Polymer 0.5）

Question

挖掘核心列表源代碼，它看起來像使用Javascript檢查元素的hidden屬性。但設置<div hidden="false">導致div被隱藏。我可以以某種方式將表達式綁定到此JavaScript屬性，還是需要將PR提交到核心列表才能明確添加支持？

Answer 1

你可以隱藏/顯示隱藏的聚合物元素？屬性。

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

如果布爾表達式'showSpan'是truthy，則會顯示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; 
     } 
    }); 

Answer 2

如果你想讓你的元素不被隱藏，你應該刪除隱藏的屬性。 hidden =「false」在html中意義不大。