Polymer 如何在聚合物中反映从孩子到家长的变化

Polymer 如何在聚合物中反映从孩子到家长的变化,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元素,并从那里传递到app元素add

app元素add中的值更改。但是我无法得到主元素中反映的值

观察员永远不会被调用

main.html

<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
    } 
  });