聚合物将数据绑定到属性

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

你错过了重要的事情。 $。总是每当你想设置元素的属性（不是属性。属性是不同的东西）并且你正在使用绑定时，你需要在 =.[= 之前添加 $ 18=]

你的情况：

<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

聚合物将数据绑定到属性

Polymer bind data to attribute

polymer