angularjs – 在ng-repeat中添加ng-click函数的参数似乎不工作

我有一个简单的循环与ng-repeat像这样：

<li ng-repeat='task in tasks'>
  <p> {{task.name}}
  <button ng-click="removeTask({{task.id}})">remove</button>
</li>

控制器中有一个函数$ scope.removeTask(taskID)。

据我所知，Angular将首先渲染视图并使用数字替换interpolated {{task.id}}，然后，在点击事件上，将评估ng-click字符串。

在这种情况下，ng-click完全获得所期望的结果，即：ng-click =“removeTask(5)”。但是…它没有做任何事情。

当然，我可以写一个代码从$ tasks数组或甚至DOM中获取task.id，但这似乎不像Angular的方式。

那么，如何在ng-repeat循环中向ng-click指令添加动态内容？

代替

<button ng-click="removeTask({{task.id}})">remove</button>

做这个：

<button ng-click="removeTask(task.id)">remove</button>

请看这个小提琴：

http://jsfiddle.net/JSWorld/Hp4W7/34/

原文地址：https://www.jb51.cc/angularjs/148069.html