将多个参数传递给ng-click方法

时间:2013-01-30 14:06:59

标签: javascript angularjs

在我的代码中,我想传递给ng-click属性中指定的函数的参数。

<div class="shout" ng-repeat="user in users">
 <p>{{user.name}}</p>
 <img src="media/images/delete.png" ng-click="deleteUser({{$index}},{{user._id}})"/>
</div>

并在控制器中

function deleteUser(index, userId){...}

参数索引是从$ scope.user和user._id中删除用户以将其从mongodb中删除。我是角js的新手。

当我尝试这样的时候,没有调用deleteUser。如果我通过单一的论证,它就像魅力一样,但是当我传递的不仅仅是它不起作用

1 个答案:

答案 0 :(得分:47)

在为事件处理程序({{ }})指定参数时,不需要ng-click。正确的语法是ng-click="deleteUser($index, user._id)

<div class="shout" ng-repeat="user in users">
 <p>{{user.name}}</p>
 <img src="media/images/delete.png" ng-click="deleteUser($index, user._id)"/>
</div>

这是一个基于你提供的代码的工作plunker(检查控制台,看看点击处理程序是否正常工作):http://plnkr.co/edit/26A4Rj0FScPXYU7z92E6?p=preview