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

Passing multiple argument to ng-click method

本文关键字：ng-click 方法 参数传递      更新时间：2023-09-26

在我的代码中，我喜欢将参数传递给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 中删除。 我是 Angular JS 的新手。

当我尝试这样做时，删除用户没有被调用。 如果我传递单个参数，它就像魅力一样工作，但是当我传递的不仅仅是它不起作用时

在为事件处理程序指定参数时不需要{{ }} （ 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

相关文章：