聚合物中的动态数据绑定

Question

我正在尝试将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-a}}被视为dom-repeats宿主元素的属性。

是否可以在dom-repeat中绑定如上例中的属性？

Answer 1

是，这是可能的。

您必须将<elem-a>.propOfA绑定到宿主元素中的中间属性，然后将该属性绑定到<elem-b>.propOfB：

<elem-a prop-of-a="{{a}}"></elem-a>
<elem-b prop-of-b="[[a]]"></elem-b>

在dom-repeat内，您必须通过绑定到迭代器实例（默认名称为<elem-a>.propOfA，将item的每次迭代绑定到主机中的唯一中间属性：]

<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>

demo