我想将一个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]]">
答案 0 :(得分:1)
你错过了重要的事情。 $
。无论何时您想要设置元素的属性(不是属性。属性是不同的)并且您使用的是绑定,您需要在$
之前添加=
。
在你的情况下:
<iron-selector class="nav-menu" selected="0" active$="[[isActive_menu]]">
在您的情况下,您将active
设置为iron-selector
的属性。如果您在浏览器中检查该元素,则会看到没有active
属性
有关绑定的更多信息:https://www.polymer-project.org/1.0/docs/devguide/data-binding