根据 dom-repeat 内的索引计算属性值

Question

我刚开始使用 Polymer，遇到了以下问题。
我正在尝试将布尔值作为属性传递给 pill 组件。
此属性的值取决于 dom-repeat 的索引。
如何在 Polymer 中做到这一点？

此代码无效：

 <template is="dom-repeat" items="[[values]]">
   <pill
     disable="[[index === 0]]"
     part="pill">
     [[item]]
   </pill>
 </template>

Answer 1

Polymer 只允许在属性中进行简单的属性绑定。任何比这更复杂的东西都需要使用 computed binding 将参数传递给函数。在你的情况下，它可能类似于 disable="checkIndex(index)" 一个函数，然后检查索引是否为 0.

如果您只检查 0，另一种解决方案是使用 javascript 的 falsy 属性：disable="{{!index}}"，这也会禁用药丸。

Compute attribute value based on index within dom-repeat