Polymer将数据绑定到属性

时间:2017-05-19 15:16:19

标签: polymer

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

1 个答案:

答案 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