如何将属性从父元素传递到聚合物中的子元素使用数据绑定

时间:2016-11-20 11:57:12

标签: data-binding polymer polymer-1.0 2-way-object-databinding

我试图将属性的值从父元素传递到它的子元素中,

这是我想要做的事情:

我使用的父/子元素定义如下:

<parent-element  parent-attr="first"> 

<child-one child-attr="{{parent-attr}}"></child-one>
<child-two child-attr="{{parent-attr}}"></child-two>
...

</parent-element>

内部父元素:

<dom-module id="parent-element">
    <template>
            <content parent-attr="{{parent-attr}}"></content>
    </template>
    <script>
        Polymer({
            is: "parent-element",
            properties: {
                parentAttr:{
                    type: String,
                }
            }
        });
    </script>
</dom-module>

在子元素中:

<dom-module id="child-one">
    <template>
            <content child-attr="{{child-attr}}"></content>
    </template>
    <script>
        Polymer({
            is: "child-one",
            properties: {
                childAttr:{
                    type: String,
                }
            }
        });
    </script>
</dom-module>

提前谢谢

0 个答案:

没有答案