聚合物将数据绑定到属性

【问题标题】：Polymer bind data to attribute聚合物将数据绑定到属性
【发布时间】：2024-01-11 22:13:01
【问题描述】：

我想将一个 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]]">

【问题讨论】：

标签： polymer

【解决方案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

【讨论】：