我有一个将对象数组绑定(bind)到子元素的主机元素,该子元素有一个paper-input
来编辑其属性。我没有看到主机 div
元素中反射(reflect)的输入值变化。即使在调试时,我也可以看到主机对象具有最新编辑的名称
。我应该怎么做才能自动连接?
<!-- Host element -->
<dom-module id="host-item">
<template>
<div>
<div>[[selectedEmployee.name]]</div>
<template is="dom-repeat" items="[[employees]]" as="employee">
<item-edit item="[[employee]]"></item-edit>
</template>
</div>
</template>
<script>
Polymer({
is: 'host-item',
properties: {
selectedEmployee: {
type: Object
},
employees: {
type: Array,
value = [ { name: 'Name 1'}, { name: 'Name 2'}, { name: 'Name 2'}]
}
},
ready: function() {
this.selectedEmployee = this.employees[0];
}
});
</script>
</dom-module>
<!-- Child element -->
<dom-module id="item-edit">
<template>
<paper-input id="input" value="{{item.name}}" error-message="Invalid name!"></paper-input>
</template>
<script>
Polymer({
is: 'item-edit',
properties: {
item: {
type: Object
}
}
});
</script>
</dom-module>
最佳答案
使用 {{employee}}
表示 2 way binding 。 [[...]]
仅用于一种方式。
使用notify: true关于属性定义。
子元素应该在父元素之前定义。
<item-edit item="{{employee}}"></item-edit>
...
employee: {
type: Object,
notify: true,
value: function () { return {name: 'Test' }; }
}
更新:
现在“员工”数据采用对象数组的形式。 查看有关使用数组的问题: Polymer, issue with binding array to paper slider value
关于javascript - 聚合物 dom-repeat 子属性将子项更改为主机接线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36158809/