假设我有两个不同的聚合物元素

一个应该使用内容占位符嵌入其他内部.
这两个嵌套的聚合物元素之间是否可以进行数据绑定？

我试过,但我不能让它上班：http://jsbin.com/IVodePuS/11/

根据http://www.polymer-project.org/articles/communication.html#binding,聚合物元素之间的数据绑定应该起作用(在这些例子中,它们在模板标签内完成,而不使用内容占位符).

更新：

Scott Miles澄清说,数据绑定只适用于模板级别.
然而,在我的情况下,我不会事先知道确切的模板,但我想允许我的parent-element的用户指定它应该包含哪个子元素(前提是有不同的子元素.
我认为这个问题与这个问题有关：Using template defined in light dom inside a Polymer element

我更新了下面的例子来强调他的：

@H_502_17@<polymer-element name="parent-element" > <template > <div>Parent data: {{data1}} </div> <content /> </template> <script> Polymer('parent-element',{ data1 : '',ready: function() { this.data='parent content'; } }); </script> </polymer-element> <polymer-element name="child-element" attributes="data2"> <template> <div>Parent data: {{data2}} </div> </template> <script> Polymer('child-element',{ data2 : '',ready: function() { } }); </script> </polymer-element> <polymer-element name="child2-element" attributes="data2"> <template> <div>Parent data: {{data2}} </div> </template> <script> Polymer('child2-element',ready: function() { } }); </script> </polymer-element>

用户可以选择要嵌入的子元素：

@H_502_17@<parent-element data1 = "test"> <child-element data2="{{data1}}"/> </parent-element> <parent-element data1 ="test" > <child2-element data2="{{data1}}"/> </parent-element>

解决方法：

我发现唯一的解决方法是添加更改观察器并使用getDistributedNodes()来获取子元素,并手动将data2设置为数据：

@H_502_17@<polymer-element name="parent-element" > <template > <div>Parent data: {{data}} </div> <content id="content"/> </template> <script> Polymer('parent-element',{ data : '',ready: function() { this.data='parent content'; },dataChanged : function() { contents = this.$.content.getDistributedNodes(); if (contents.length > 0) { contents[0].data2 = this.data; } },}); </script> </polymer-element>