聚合物中的动态数据绑定

Question

我正在尝试在dom-repeat块中绑定聚合物组件的属性。在下面的（伪代码）示例中，我尝试将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绑定到host元素中的中间属性，并将该属性绑定到<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