Javascript 聚合物双向数据绑定不起作用

我遇到了一个问题，我在子元素中更新了一个值，该值不会传播到父元素

所以，我有两种聚合物元素；我的父母和孩子

<polymer-element name="my-parent">
    <template>
        <p>PARENT, Foo is: {{foo}}</p>
        <my-child bar="{{foo}}"></my-child>
   </template>
   <script>
       Polymer('my-parent', {});
   </script>
</polymer-element>

<polymer-element name="my-child" attributes="bar">
    <template>
        <input value="{{bar}}">
        <p>CHILD, bar is {{bar}}</p>
    </template>
    <script>
        Polymer('my-child', {
            bar: ''
        });
    </script>
</polymer-element>

父对象，Foo是：{{Foo}

聚合物（‘我的父母’，{}）；
CHILD，bar是{{bar}

聚合物（“我的孩子”{
栏：“”
});

我所期望的是，输入字段中键入的值应该显示在后面的父模板中

<p>PARENT, Foo is: {{foo}}</p>

父对象，Foo是：{{Foo}

---

有什么建议我在这里可能做错了什么吗？

它实际上很好用。去试试看

---

更新：我现在真的看到了eror。前面的解决方案是正确的。定义顺序

浏览器控制台中的警告消息给我们一个提示：

我孩子身上的属性是在聚合物升级之前绑定的 元素。这可能会导致不正确的绑定类型

解决方案：只需更改这两个元素的顺序。您需要在父元素之前声明子元素（在大多数情况下，这个问题不会发生，因为您在使用子元素之前导入了它）