在模板的另一部分中，使用Aurelia中的${$index}作为循环

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;
}