Polymer 中的动态数据绑定

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 重复宿主元素的 属性。

是否可以像上面示例中那样在 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 中，您必须通过绑定到迭代器实例（名为 [=默认为 16=]):

<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