更新聚合物组件内嵌套数组中的项目

时间:2017-01-31 20:52:42

标签: javascript polymer polymer-1.0 custom-element

我有一个嵌套的重复模板,例如:

<template is="dom-repeat" items="{{a}}" index-as="a_idx">
    <tr>
        <template is="dom-repeat" items="{{item.b}}" index-as="b_idx">
            <td>
                <div on-tap="handler" data-a-index="{{a_idx}}" data-b-index="{{b_idx}}">{{item}}</div>
            </td>
        </template>
    </tr>
</template>

在我的事件处理程序中,我有类似的东西:

    function handler(e) {
        const aIdx = e.target.dataAIndex;
        const bIdx = e.target.dataBIndex;
        const path = `a.${aIdx}.b.${bIdx}`;
        this.set(path, 1234);
    }

我希望我能将特定的单元格设置为1234(或其他),但我看到的是正确的行正在更新,但始终是第一个单元格。 path变量确实看起来正确设置

0 个答案:

没有答案