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

Question

我在使用 AngularJS 时遇到问题，当我使用 $index 时，它会破坏 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。