html - 如何将 iron selector 与 iron pages 链接起来？

Question

我最近一直在使用 Polymer，我有一个熨斗选择器，在纸质抽屉中放满了纸质图标元素以供导航之用。但出于某种原因，我无法让他们链接:

<iron-selector selected="[[page]]" attr-for-selected="name">
    <paper-icon-item name="home">
        <iron-icon icon="icons:home" item-icon></iron-icon> Home
    </paper-icon-item>
    <paper-icon-item name="account">
        <iron-icon icon="social:person" item-icon></iron-icon> Account
    </paper-icon-item>
    <paper-icon-item name="news">
        <iron-icon icon="icons:chrome-reader-mode" item-icon></iron-icon> News
    </paper-icon-item>
    <paper-icon-item name="downloads">
                    <iron-icon icon="icons:cloud-download" item-icon></iron-icon> Downloads
    </paper-icon-item>
    <paper-icon-item name="contact">
                    <iron-icon icon="icons:mail" item-icon></iron-icon> Contact
    </paper-icon-item>
</iron-selector>

然后是铁页:

<iron-pages selected="[[page]]" attr-for-selected="name">
    <section name="home"> <h1>Home</h1> </section>
    <section name="account"> <h1>Account</h1> </section>
    <section name="news"> <h1>News</h1> </section>
    <section name="downloads"> <h1>Downloads</h1> </section>
    <section name="contact"> <h1>Contact</h1> </section>
</iron-pages>

Answer 1

方括号用于单向数据绑定(bind)，因此 iron-selector 对“页面”所做的更改无法传播。尝试更改 iron-selector 中的绑定(bind)类型:

<iron-selector selected="{{page}}" attr-for-selected="name">

这应该允许更改传播到 iron-pages。