Javascript 聚合物中的动态数据绑定
我试图在dom重复块中绑定聚合物组件的属性。在下面的(伪代码)示例中,我尝试将elem-a的属性绑定到elem-b的属性:Javascript 聚合物中的动态数据绑定,javascript,polymer,polymer-1.0,Javascript,Polymer,Polymer 1.0,我试图在dom重复块中绑定聚合物组件的属性。在下面的(伪代码)示例中,我尝试将elem-a的属性绑定到elem-b的属性: <template is="dom-repeat" items="[[data]]"> <elem-a></elem-a> <elem-b prop-of-b={{prop-of-a}}></elem-b> </template> 但是在这个上下文中,{{prop-of-
<template is="dom-repeat" items="[[data]]">
<elem-a></elem-a>
<elem-b prop-of-b={{prop-of-a}}></elem-b>
</template>
但是在这个上下文中,{{prop-of-a}}
被认为是dom repeats主机元素的属性
是否可以在dom repeat中绑定上述示例中的属性?是的,这是可能的
您必须将.propOfA
绑定到宿主元素中的中间属性,并将该属性绑定到.propOfB
:
<elem-a prop-of-a="{{a}}"></elem-a>
<elem-b prop-of-b="[[a]]"></elem-b>
使用一个包装器元素来传播a到b的数据流,并在该元素上循环中继器,怎么样?
<template is="dom-repeat" items="[[data]]">
<elem-a prop-of-a="{{item.a}}"></elem-a>
<elem-b prop-of-b="[[item.a]]"></elem-b>
</template>