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]]">

在您的情况下，您将active设置为iron-selector的属性。如果您在浏览器中检查该元素，则会看到没有active属性

有关绑定的更多信息：https://www.polymer-project.org/1.0/docs/devguide/data-binding

Polymer将数据绑定到属性

1 个答案: