angularjs - ng-repeat + ng-click が期待どおりに機能しない

Question

これは、角度に関する非常に一般的な問題のようです。置換は行われますが、ng-click はクリックに失敗します (または呼び出されないようです)。これが失敗する理由を誰かに教えてもらえますか?

<ul>
     <li ng-repeat="color in colors"> 
         <a ng-click="chooseColor({{$index}})">{{color.name}}</a>
     </li>
</ul>

ここにフィドルがあります。

{{$index}} のようです。それを静的な番号に置き換えると、機能します。

注:この質問を見つけましたが、役に立ちませんでした。

Answer 1

{{}}ビットはテンプレート (補間) に使用されます。これはあなたのために働くはずです：

ng-click="chooseColor($index)"

ng-clickディレクティブが探している実際の JavaScript コードAngular Expressionであり、補間する必要があるテキストではありません。