javascript - AngularJS ng-click 被 {{$index}} 破坏

Question

我在使用 $index 时遇到了 AngularJS 的问题，它破坏了 ng-click 函数。

这是在使用 ng-repeat 的 div 中完成的，重复代码可以正常工作...

<a class="accordion-toggle" data-toggle="collapse" 
data-parent="#acc{{$index}}" ng-click="sayhi('{{ $index }}');" 
href="javascript:void(0);"> TEST </a>

当我点击时，它什么都不做。我检查了生成的 HTML，它确实有 ng-click="sayHi('0')"，但是点击事件不起作用。

或者，如果我将 ng-click 更改为:

ng-click="sayhi('0');" 

在不使用 {{$index}} 生成零的情况下，它工作得很好......

我试过 angular 1.0.6 和 1.2.0

另外，如果有区别的话，我正在使用 jQuery 1.7 和 bootstrap 3.0。

有没有人遇到过这个？如果是这样，我做错了什么？

Answer 1

尝试:

ng-click="sayhi($index)"

因为 ng-click 不支持插值 ({{ }}) AFAIK 仅有效 angular expressions .