Angular ng-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>

错误：的

  

错误：[$ 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 Expressions时应该使用{{}}。

Answer 1

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