在ng-repeat内增加参数到ng-click函数似乎无法工作。

22 浏览
0 Comments

在ng-repeat内增加参数到ng-click函数似乎无法工作。

我的一个简单的循环使用了像这样的ng-repeat

  • {{task.name}}

 

在控制器中有一个函数$scope.removeTask(taskID)

据我所知,Angular首先渲染视图并将插值{{task.id}}替换为数字,然后,在点击事件上,将评估ng-click字符串。

在这种情况下,ng-click完全得到了期望的内容,即:ng-click=\"removeTask(5)\"。 但是…它没有做任何事情。

当然,我可以编写代码从$tasks数组或甚至DOM获取task.id,但这似乎不像Angular的方式。

那么,如何将动态内容添加到ng-repeat循环内的ng-click指令中?

admin 更改状态以发布 2023年5月23日
0
0 Comments

有一件事情让我感到困扰,就是当我在浏览器中检查这个html时,我看到的不是像下面这样的展开的东西:


我看到的是:


但是,后者是可行的!

这是因为你在“Angular世界”中,当在ng-click="" Angular内部时,它已经知道了task.id,因为你在它的模型内部。不需要使用数据绑定,如{{}}。

此外,如果你想传递任务对象本身,你可以像这样:


0
0 Comments

不要做这个:


改做这个:


请参考这个示例:

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

0