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

概述聚合物文档具有以下双向绑定示例： <script> Polymer({ is: 'custom-element', properties: { someProp: { type: String, notify: true } } }); 聚合物文档具有以下双向绑定示例：

<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}}属性的向上和向下传播,以及完整设置/示例的演示.

解决方法 以下是Js小提琴的一些示例,演示了不同的绑定方式：

>双向绑定：

https://Jsfiddle.net/tej70osf/

>单向绑定：未在子元素的value属性上设置notify：

https://Jsfiddle.net/tej70osf/1/

>单向绑定：在子元素的value属性上将notify设置为true,但是使用方括号[[value]]而不是{{value}}绑定value属性：

https://Jsfiddle.net/tej70osf/2/

希望有所帮助

总结

以上是内存溢出为你收集整理的聚合物双向结合的完整例子全部内容，希望文章能够帮你解决聚合物双向结合的完整例子所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。