Polymer 如何在聚合物中反映从孩子到家长的变化
当前代码如下。我在主文件中有元素值。该值被传递到子元素app元素,并从那里传递到app元素add app元素add中的值更改。但是我无法得到主元素中反映的值 观察员永远不会被调用 main.htmlPolymer 如何在聚合物中反映从孩子到家长的变化,polymer,polymer-1.0,2-way-object-databinding,Polymer,Polymer 1.0,2 Way Object Databinding,当前代码如下。我在主文件中有元素值。该值被传递到子元素app元素,并从那里传递到app元素add app元素add中的值更改。但是我无法得到主元素中反映的值 观察员永远不会被调用 main.html <app-element element-value = {{ elementValue }}></app-element> Polymer({ is: 'app-main-element', properties: { elementValue: {
<app-element element-value = {{ elementValue }}></app-element>
Polymer({
is: 'app-main-element',
properties: {
elementValue: {
type:Array,
notify:true,
observer:'listUpdated'
}
});
有关如何反映应用程序元素外接程序主元素中的更改的任何提示。谢谢。您不需要在此处使用
反射属性。这里唯一需要的选项是通知
。但是,您当前的代码可以工作:
HTMLImports.whenReady(\u=>{
“严格使用”;
聚合物({
是:'应用程序主元素',
特性:{
元素值:{
类型:数组,
通知:正确,
观察员:“列表更新”,
值:=>[100200300]
}
},
listUpdated:function(){
log(“[app main element]列表已更新”);
},
就绪:函数(){
log(“[app main element]ready”);
}
});
聚合物({
是:'应用程序元素',
特性:{
元素值:{
类型:数组,
通知:正确,
观察员:“列表更新”
}
},
listUpdated:function(){
log(“[app-element]列表已更新”);
},
就绪:函数(){
log(“[app-element]ready”);
}
});
聚合物({
是:“应用程序元素添加”,
特性:{
元素值:{
类型:数组,
通知:正确
}
},
就绪:函数(){
console.log(“[app element add]ready(将在1000ms内设置elementValue)”;
这是一个.async(\u0=>{
log(“[app element add]updateing element value”);
this.elementValue=[1,2,3];
}, 1000);
}
});
});代码>
app-main-element.elementValue=[[elementValue]]
app-element.elementValue=[[elementValue]]
app-element-add.elementValue=[[elementValue]]
<app-element-add element-value = {{ elementValue }}></app-element-add>
Polymer({
is: 'app-element',
properties: {
elementValue: {
type:Array,
notify:true,
observer:'listUpdated'
}
});
Polymer({
is: 'app-element-add',
properties: {
elementValue: {
type:Array,
notify:true,
reflectToAttribute:true
}
});