Aurelia repeat.for 获取索引

repeat.for 是 Aurelia 的重要特性之一，它可以用来在模板中循环渲染元素。有时候我们需要在循环过程中获取当前元素的索引，Aurelia 提供了 index 关键字来满足这个需求。

例如，我们有一个数组 items，它包含多个元素，我们希望在一个列表中渲染这些元素，并显示它们在数组中的索引：

<template>
  <ul>
    <li repeat.for="item of items; index.bind='i'">
      ${i}: ${item}
    </li>
  </ul>
</template>

在这个例子中，我们使用 index.bind='i' 来将当前循环的索引绑定到变量 i 上。在每次循环中，${i} 可以用来显示当前元素在数组中的索引，${item} 则用来显示当前元素的值。

注意，index 关键字必须放在 repeat.for 中间，而不能作为 for 声明本身的一部分。

返回的 markdown 格式代码片段如下：

## Aurelia repeat.for 获取索引

`repeat.for` 是 Aurelia 的重要特性之一，它可以用来在模板中循环渲染元素。有时候我们需要在循环过程中获取当前元素的索引，Aurelia 提供了 `index` 关键字来满足这个需求。

例如，我们有一个数组 `items`，它包含多个元素，我们希望在一个列表中渲染这些元素，并显示它们在数组中的索引：

```html
<template>
  <ul>
    <li repeat.for="item of items; index.bind='i'">
      ${i}: ${item}
    </li>
  </ul>
</template>

在这个例子中，我们使用 index.bind='i' 来将当前循环的索引绑定到变量 i 上。在每次循环中，${i} 可以用来显示当前元素在数组中的索引，${item} 则用来显示当前元素的值。

注意，index 关键字必须放在 repeat.for 中间，而不能作为 for 声明本身的一部分。