2016-05-27 3 views
2

URLからデータを取得し、ペーパードロップダウンメニューにバインドしようとしています。 次のコードは動作しています: リピートテンプレートの紙アイテムへのポリマーiron-ajaxバインディング値

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

以下のようにそれは紙の項目の内容にすべてのデータをバインドすることができます:私は、次のようpaper-itemid属性する{item.id}をバインド

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

。 また、働いている:

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

結果:

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

私は、次のようpaper-itemvalueを属性する{item.id}をバインドします。 しかし、それは動作しません:

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

結果:

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

質問:この場合は、作品の作り方を?

答えて

1

多分attribute binding syntaxを使用する必要がありますか?

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

注意**ドル記号** –

+0

は魅力的です! –

+0

ありがとう、これも私のために働いた! – Stradivari

関連する問題