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

【问题标题】：Polymer two-way data-binding not working聚合物双向数据绑定不起作用
【发布时间】：2015-02-15 07:50:09
【问题描述】：

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

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

<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>

DEMO

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

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

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

【问题讨论】：

标签： javascript data-binding polymer

【解决方案1】：

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

my-child 的属性在 Polymer 升级之前是数据绑定的元素。这可能会导致不正确的绑定类型。

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

【讨论】：

【解决方案2】：

它实际上工作得很好。去http://ele.io试试吧

更新：我现在确实看到了错误。以前的解决方案是正确的。定义顺序

【讨论】：