Question

我在列表上运行循环（这是数组）。并且每次我用属性item.status创建图标状态。

我希望item.status因某种原因而改变，图标的属性也会改变。

<template is="dom-repeat" items="{{list}}">

        <paper-item>
            <paper-item-body>
                <div class="horizontal  layout font-md">
                    //this is also dont bind on change
                    <icon-status state={{item.status}} size=7></icon-status>


                    <div class="flex"></div>
                    //this is not bind on change
                    <div class="gray">{{item.status}}</div>
                </div>
            </paper-item-body>
        </paper-item>

    </div>

    </div>
</template>

我尝试使用超时更改项目的状态，视图不会更新。我怎么绑这个？

由于

Answer 1

为list添加绑定支持：

要更新当前元素中的值，请使用this.set('list.0.status', 'newStatus');
要更新父元素中的值，请在当前元素上添加list作为属性：

list: { type: Array, notify: true }
考虑将template绑定从双向更改为单向，因为数据仅向一个方向流动，<template is="dom-repeat" items="[[list]]">

聚合物绑定对象dom-repeate

1 个答案: