Question

我刚刚开始用Aurelia.io学习JavaScript，我目前正在尝试访问由Aurelia呈现的2D数组的索引，以便将id属性绑定到循环的外部和内部索引。 2D-Array渲染到一个包含两个循环的表中：

<table>
  <tr repeat.for="field of fields">
    <td repeat.for="f of field">
      <div class ="boardcell" id.one-time="$index" click.delegate="klick($index)">${f}</div>
    </td>
  </tr>
</table>

我目前只能访问内循环的索引。有没有办法可以访问外部循环的索引？

谢谢！

Answer 1

如评论中所述，您必须使用$parent访问父级的范围。

考虑这个例子：

<template>
  <div repeat.for="y of 5">
    <div repeat.for="x of 5">
      ${$index} * ${$parent.$index} = ${$index * $parent.$index}
    </div>
  </div>
</template>

Answer 2

使用 $ parent。$ index 进行父级重复索引

示例Plunker

访问aurelia.io中嵌套循环中的两个索引

2 个答案: