angularjs - 在 ng-repeat 中向 ng-click 函数添加参数似乎不起作用

Question

我有一个带有 ng-repeat 的简单循环，如下所示:

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

Controller 中有一个函数$scope.removeTask(taskID)。

据我所知，Angular 将首先渲染 View 并用数字替换插值的 {{task.id}}，然后在单击事件时评估 ng-click 字符串。

在这种情况下，ng-click完全得到了预期的结果，即:ng-click="removeTask(5)"。但是......它没有做任何事情.

当然，我可以编写代码从 $tasks 数组甚至 DOM 中获取 task.id，但这看起来不像 Angular 的方式。

那么，如何将动态内容添加到 ng-repeat 循环内的 ng-click 指令呢？

Answer 1

而不是

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

这样做:

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

请看这个 fiddle :

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