polymer - polymer 双向装订的完整示例

Question

polymer 文档具有以下两种方式绑定(bind)示例:

    <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

以下是 js fiddle 的一些示例，演示了不同的绑定(bind)方式:

• 双向绑定(bind):

  https://jsfiddle.net/tej70osf/

• 单向绑定(bind):子元素的 value 属性未设置通知:

  https://jsfiddle.net/tej70osf/1/

• 单向绑定(bind):notify 在子元素的 value 属性上设置为 true true，但 value 属性使用方括号 [[value]] 而非 {{value }}:

  https://jsfiddle.net/tej70osf/2/

希望有帮助