Polymer Eisen-Ajax Bindung Wert zu Papier-Element in Wiederholungsvorlage

Question

Ich versuche, Daten von einer URL zu erhalten und zu einem Papier-Dropdown-Menü zu binden. Der folgende Code funktioniert:

<template is="dom-bind"> 
    <paper-dropdown-menu id='ddl-node' label="Select Node"> 
     <paper-listbox class="dropdown-content" attr-for-selected="data-val"> 
      <template is="dom-repeat" items="{{data}}" as="item"> 
       <paper-item value="100">{{index}} - {{item.id}} - {{item.name}}</paper-item> 
      </template> 
     </paper-listbox> 
    </paper-dropdown-menu> 
    <iron-ajax id="ajax-node" url="site/get-data" handle-as="json" last-response="{{data}}" ></iron-ajax> 
</template> 

Es könnte alle Daten zum Inhalt von Papier Artikel binden wie folgt:

<paper-item value="100">0 - 100 - Item 1</paper-item> 
<paper-item value="100">1 - 103 - Item 2</paper-item> 

---

I {item.id} binden id von paper-item folgend zuzuschreiben. Es arbeitet auch:

<paper-item id="{{item.id}}">{{index}} - {{item.id}} - {{item.name}}</paper-item> 

Die Ergebnisse:

<paper-item id="100">0 - 100 - Item 1</paper-item> 
<paper-item id="103">1 - 103 - Item 2</paper-item> 

---

Ich möchte {item.id} binden value von paper-item zuzuschreiben, wie folgend. Aber es ist nicht:

<paper-item value="{{item.id}}">{{index}} - {{item.id}} - {{item.name}}</paper-item> 

Die Ergebnisse:

<paper-item>0 - 100 - Item 1</paper-item> 
<paper-item>1 - 103 - Item 2</paper-item> 

Fragen: Wie dieser Fall funktioniert machen?

Answer 1

Vielleicht sollten Sie die attribute binding syntax verwenden?

<paper-item value$="{{item.id}}">{{index}} - {{item.id}} - {{item.name}}</paper-item>