是否可以在同一标签本身内访问Aurelia repeat.for循环变量

Question

我想在标签本身中访问repeat.for的循环变量，声明repeat.for。

我试图将Durandal导航栏转换为Aurelia导航栏。  我遇到的问题是导航栏的css在li标签上使用了isActive属性。这在使用Durandal时效果很好。

<ul data-bind="foreach: router.routes">
    <li data-bind="css: {isActive: isActive}">
    </li>
</ul>

然而，当使用Aurelia时，循环变量（行）尚未在范围内，因为repeat.for也在li标签上。我希望能够做到这一点：

<ul>
    <li repeat.for="row of router.navigation" css="isActive: ${row.isActive}">
    </li>
</ul>

有没有办法完成这样的事情？

由于

Answer 1

该行位于li元素的范围内。通过评估row.isActive：

的值来设置css类的值

<ul>
  <li repeat.for="row of router.navigation" 
      class="${row.isActive ? 'active' : ''}">${row.title}</li>
</ul>