html - 在模板的另一部分使用 Aurelia 的 ${$index} for 循环

Question

无论如何，我是否可以从 Aurelia 中的 repeat.for 循环复制索引，而不是该循环。我正在使用索引在我的 for 循环中创建一个类，并且需要另一个元素来拥有相同的类，但是这个其他元素不在循环中。有没有办法做到这一点？对于循环:

<div repeat.for="conversation of conversations">
   <div if.bind="!conversation.participantPhotoUrl" class="user-initials color-${$index}"><span>J</span></div>
   <p class="view-date"><a click.delegate="makeActive(conversation)">View</a><span class="date">${conversation.daysAgo}</span></p>
</div>

我现在需要模板中的另一个元素(不在循环中)来拥有相同的类。这个元素是从

click.delegate="makeActive(conversation)"

上面的 for 循环内部。有没有办法把那门课传过去？

Answer 1

您可以将 $index 传递给函数。

 click.delegate="makeActive(conversation, $index)

然后，在函数中将其设置为主 VM 上的属性。

 makeActive(conversation, index) {
   this.activeIndex = index;
 }