添加参数里面NG重复似乎不工作NG-单击功能 [英] Adding parameter to ng-click function inside ng-repeat doesn't seem to work

问题描述

我有一个简单的循环 NG-重复是这样的：

 ＆LT;李NG重复='任务中的任务'＆GT;
  ＆所述p为H.; {{task.name}}
  ＆LT;按钮NG点击=removeTask（{{task.id}}）＆GT;删除＆LT; /按钮＆GT;
＆LT; /李＆GT;
 

有在控制器中的功能 $ scope.removeTask（TASKID）。

据我所知角会先渲染视图和插值替换 {{} task.id} 与多家，然后在单击事件，将评估 NG-点击字符串。

在这种情况下， NG-点击得到完全的期望是什么，例如： NG-点击=removeTask（5）但是......它没有做任何事情。

当然，我可以写一个code要获得 task.id 从 $任务阵列或即使是DOM，但这似乎并不像角的方式。

那么，怎样才能一个动态内容添加到 NG-点击 A NG-重复循环内指令<？ / p>

解决方案

而不是

 ＆LT;按钮NG点击=removeTask（{{task.id}}）＆GT;删除＆LT; /按钮＆GT;
 

做到这一点：

 ＆LT;按钮NG点击=removeTask（task.id）＆GT;删除＆LT; /按钮＆GT;
 

请参阅此琴：

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

I have a simple loop with ng-repeat like this:

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

There is a function in the controller $scope.removeTask(taskID).

As far as I know Angular will first render the view and replace interpolated {{task.id}} with a number, and then, on click event, will evaluate ng-click string.

In this case ng-click gets totally what is expected, ie: ng-click="removeTask(5)". However... it's not doing anything.

Of course I can write a code to get task.id from the $tasks array or even the DOM, but this does not seem like the Angular way.

So, how can one add dynamic content to ng-click directive inside a ng-repeat loop?

解决方案

Instead of

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

do this:

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

Please see this fiddle:

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

这篇关于添加参数里面NG重复似乎不工作NG-单击功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！