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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/angularjs/148069.html

猜你在找的Angularjs相关文章