ポリマーの属性へのデータのバインド

Question

Polymer変数を属性にバインドしたい場合は、コンテンツの表示を制御するためにtrueまたはfalseに設定できます。しかし、それは動作しないようです。これはそれをバインドする正しい方法ですか？

CSS：

.nav-menu[active="true"]{ 
     display: -webkit-flex; 
     display: flex; 
     justify-content: space-between; 
     } 
.nav-menu[active="false"]{ 
     display: none; 
     } 

---

テンプレート：

<iron-selector class="nav-menu" selected="0" active="[[isActive_menu]]"> 

Answer 1

あなたは大切なことが欠けています。 $。要素の属性（プロパティではなくプロパティではない）を設定し、バインディングを使用する場合は常に=の前に$を追加する必要があります。あなたのケースでは

：

<iron-selector class="nav-menu" selected="0" active$="[[isActive_menu]]"> 

あなたのケースでは、あなたはiron-selectorのプロパティとしてactiveを設定しています。ブラウザでその要素を検査する場合は、バインディングに関する一切active属性

詳細はありませんが表示されます：https://www.polymer-project.org/1.0/docs/devguide/data-binding