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/

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...