Wie man Eisenselektor mit Eisenseiten verbindet?

Question

Ich habe kürzlich mit Polymer gearbeitet, und ich habe einen eisernen Selektor voller Papier-Icon-Elemente in einer Papierschublade für Navigationszwecke. Aber aus irgendeinem Grund, kann ich sie nicht zu Link erhalten:

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

Und dann die Eisen Seiten:

<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

Eckige Klammern werden verwendet, um eine Möglichkeit, die Datenbindung, so dass die Änderung auf „Seite "Von Eisen-Selektor gemacht kann nicht propagieren. Versuchen Sie, den Bindungstyp in dem Eisen-Selektor zu ändern:

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

Dies ist die Änderung der Eisen-Seiten propagieren ermöglichen soll.

Answer 2

Es ist für mich zu arbeiten, wenn ich den Code zu ändern:

<iron-selector selected="{{pages}}" 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="[[pages]]" attr-for-selected="name"> 
     <section name="home"> <h1>Homes</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> 

Der Unterschied ist [[Seiten]] und {{Seiten}} in Eisen-Selektor.