我有一个简单的循环与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指令添加动态内容?
@H_404_13@@H_404_13@
代替
<button ng-click="removeTask({{task.id}})">remove</button>
做这个:
<button ng-click="removeTask(task.id)">remove</button>
请看这个小提琴:
http://jsfiddle.net/JSWorld/Hp4W7/34/
@H_404_13@