Angular of-repeat $index

Question

我正在创建一个项目列表，用户可以通过单击转到下一张图片。

<ol class="indicators">
<li ng-repeat="img in pics" ng-click="slideTo($index)"></li>
</ol>

此代码有效，但问题是它没有填写 ngClick 指令中的 $index。这是结果 html:

<li ng-repeat="img in pics" ng-click="slideTo($index)" class="ng-scope"></li>

如果我将 $index 放在 {{ }} 之间，它确实有效，但我在控制台中收到错误消息。

结果html:

<li ng-repeat="img in pics" ng-click="slideTo(0)" class="ng-scope"></li>

错误：

Error: [$parse:syntax] http://errors.angularjs.org/1.3.15/$parse/syntax?p0=%7B&p1=invalid%20key&p2=10&p3=slideTo(%7B%7BNaNndex%7D%7D)&p4=%7B%index%7D%7D

我见过这样的例子，他们不使用花括号，但是 $index 用于子元素而不是元素本身。

谁能告诉我我做错了什么，以及在使用 Angular 表达式时什么时候应该使用 {{ }}。

Answer 1

Inspector 不会显示它已填写，但是，如果您尝试记录传递给函数的参数，您会发现它确实是您单击的项目的对应索引号。