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

发布时间：2020-12-17 09:36:58 所属栏目：安全来源：网络整理

导读：我有一个简单的循环与ng-repeat像这样： li ng-repeat='task in tasks' p {{task.name}} button ng-click="removeTask({{task.id}})"remove/button/li 控制器中有一个函数$ scope.removeTask(taskID)。据我所知，Angular将首先渲染视图并使用数字替换interp

我有一个简单的循环与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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!