聚合物雙向數據綁定不起作用

Question

我有一個問題，我更新子元素中不傳播給父元素的值

所以，我有兩種聚合物元素; 我的父母和我的孩子

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

有什么建議我可能在這里做錯了嗎？

Answer 1

瀏覽器控制台中的警告消息為我們提供了一個提示：

我的子項上的屬性是在Polymer升級元素之前綁定的數據。 這可能導致不正確的綁定類型。

解決方案：只需更改兩個元素的順序即可。 您需要在父元素之前聲明子元素（在大多數情況下，不會發生此問題，因為您在使用之前導入子元素）。

Answer 2

它實際上工作得很好。 轉到http://ele.io並嘗試一下

更新：我實際上現在看到的是恐怖。 以前的解決方案是正確的。 定義順序