聚合物1.0隱藏$屬性否定運算符

只是試圖應用否定運算符，它似乎不工作，對此的任何輸入讚賞。

它絕對不是一個障礙，我可以寫一個計算方法來處理它，但否定運算符對我來說更有意義。

下面的代碼片段不起作用，如果我刪除否定運算符，它會以我期望的相反方式工作。

<div hidden$="{{!productDetails}}"> 
 
    My Hidden Content 
 
</div>

文件（不是一個全面的一個）

https://www.polymer-project.org/1.0/docs/devguide/templates.html

來源

2015-11-13 Srini

在[數據綁定]（https://www.polymer-project.org/1.0/docs/devguide/data-binding .html）聚合文檔部分：

即。沒有'$'。 – grohjy

你確定你的'productDetails'具有'type：Boolean'嗎？如果不是，那可能是你的問題。 – Whyser

下面的答案看起來有點更清潔的方式來處理這個特定的情況下，謝謝你的輸入傢伙。 – Srini

你可以使用DOM if

<dom-module id="user-page"> 

    <template> 

    All users will see this: 
    <div>{{user.name}}</div> 

    <template is="dom-if" if="{{user.isAdmin}}"> 
     Only admins will see this. 
     <div>{{user.secretAdminStuff}}</div> 
    </template> 

    </template> 

    <script> 
    Polymer({ 
     is: 'user-page', 
     properties: { 
     user: Object 
     } 
    }); 
    </script> 

</dom-module>

來源

2015-11-14 11:50:44 MrK

隱藏屬性是複雜的，對於到未定義的值。考慮以下在你的聚合物模板：

<div hidden="{{ prop1}}">this is hidden on prop1  </div> 
<div hidden="{{!prop1}}">this is hidden on not prop1 </div>

如果prop1是未定義的，兩個div是可見的。換句話說：

（當爲prop1是未定義） PROP1 =假 PROP1 =假

當PROP1被分配一個值，該元件將消失之一！。

（當爲prop1是5） PROP1 =真！PROP1 =假

來源

聚合物1.0隱藏$屬性否定運算符

回答

相關問題