绑定到 dom-repeat 中的检查值答案

【问题标题】：Binding to checked value in dom-repeat绑定到 dom-repeat 中的检查值
【发布时间】：2017-08-02 10:31:25
【问题描述】：

我正在尝试在 dom-repeat 中绑定纸张切换按钮的选中值。

    <template is="dom-repeat" items="[[settings]]">
        <div item>
            <paper-toggle-button checked="{{item.value}}" on-click="_updateSettings">[[item.name]]</paper-toggle-button>
            [[item.value]]
        </div>
    </template>

    [[settings.0.value]]

properties: {
    settings: {
        type: Array,
        value: [
            {name:"test", value: true}
        ]
    }
}

组件加载时已正确设置检查值，但检查状态仅反映在循环内 [[item.value]] 而不是 [[settings.0.value]] 如何将更改反映回原始属性？

【问题讨论】：

您能否发布_updateSettings方法的代码？

标签： data-binding polymer

【解决方案1】：

您在此处为items 使用单向绑定：

<template is="dom-repeat" items="[[settings]]">

尝试将其更改为使用 2 向绑定：

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

【讨论】：

很好发现 :) [[settings.0.value]] 没有更新，但我现在可以看到其余代码正在运行。谢谢。