聚合物双向结合的完整实例

Question

聚合物文档有以下双向绑定示例：

    <script>
      Polymer({
        is: 'custom-element',
        properties: {
          someProp: {
            type: String,
            notify: true
          }
        }
      });
    </script>
    ...

    <!-- changes to "value" propagate downward to "someProp" on child -->
    <!-- changes to "someProp" propagate upward to "value" on host  -->
    <custom-element some-prop="{{value}}"></custom-element>

我正在寻找一个完整的示例，其中包括子事件的设计、编程和交互事件(可以导致“{{value}}”属性的向上和向下传播)，以及完整设置/示例的演示。

Answer 1

<dom-module id="user-demo">
<template> 
<paper-input label="FIRST NAME" value="{{firstName}}"></paper-input>
</template>
</dom-module>
<user-demo></user-demo>

在您的javascript代码中：

 Polymer({
        is: 'user-demo',
        properties: {
            firstName: {
                type: String,
                value: 'John',
                notify: true
            }
        }
});

查看下面的小提琴以获得完整的示例：dhanani/6ffwh0qv/

我尝试使用更多的聚合物元素和双向结合。希望它能帮上忙