聚合物铁-阿贾克斯对重复模板中纸件的结合值

Question

I am trying to get data from an URL and bind to a paper-dropdown-menu. The following code is working:

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

It could bind all data to content of paper-item as below:

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

---

I bind {item.id} to attribute id of paper-item as following. It is also working:

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

The results:

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

---

I want to bind {item.id} to attribute value of paper-item as following. But it's NOT work:

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

The results:

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

Questions: How to make this case works?

Answer 1

也许您应该使用属性绑定语法？

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