基于dom-repeat中索引的计算属性值

Question

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

此代码无效：

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

Answer 1

聚合物仅允许在属性内进行简单的属性绑定。比这更复杂的事情都需要使用将参数传递给函数的computed binding。在您的情况下，它可能是disable="checkIndex(index)"函数的一部分，然后该函数将检查索引是否为0。

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