Polymer binden Daten an Attribut

Question

Ich möchte eine Polymer-Variable an ein Attribut binden, die ich es auf True oder False festlegen kann, um die Anzeige meines Inhalts zu steuern. Es scheint jedoch, dass es nicht funktioniert. Ist das der richtige Weg, um es zu binden?

css:

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

---

Vorlage:

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

Answer 1

Sie vermissen wichtige Sache. $. Immer, wenn Sie das Attribut des Elements (nicht Eigenschaft. Eigenschaft ist etwas anderes) setzen möchten und Sie Bindings verwenden, müssen Sie $ vor = hinzufügen.

In Ihrem Fall:

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

In Ihrem Fall Sie active als Eigentum von iron-selector setzen. Wenn Sie dieses Element in Ihrem Browser überprüfen, werden Sie sehen, gibt es keine active Attribut

weitere Informationen über Bindungen: https://www.polymer-project.org/1.0/docs/devguide/data-binding