聚合物:双向绑定到Dom重复模板内的子元素

时间:2015-10-26 11:17:00

标签: javascript arrays data-binding polymer

我对聚合物中数组的数据绑定非常困惑,我认为这是一个非常简单的用例。

我有一个元素,数组作为属性,我想显示数组中每个项目的子元素列表。

<dom-module id="parent-element">
    <template>
        <h1>This is the parent!</h1>
        <template is="dom-repeat" items="{{arrayproperty}}" as="item">
            <child-element
                propertyone="{{item.propertyone}}"
                propertytwo="{{item.propertytwo}}">
            </child-element>
        </template>
    </template>
</dom-module>

此代码效果很好。创建适当数量的子元素,并将数组中的属性传递给子元素。但是,更改子元素属性时,这些更改不会传递回父元素数组属性。如何使用双向绑定配置此设置,以便父级从子元素获取更新?

1 个答案:

答案 0 :(得分:1)

确保在子元素中在属性定义中设置notify: true

来自docs

  

如果true,该属性可用于双向数据绑定。