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

Jai*_*tus 25 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>
Run Code Online (Sandbox Code Playgroud)

并在控制器中

function deleteUser(index, userId){...}
Run Code Online (Sandbox Code Playgroud)

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

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

pko*_*rce 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>
Run Code Online (Sandbox Code Playgroud)

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

  • 它尝试了这样的ng-click ="deleteUser($ index,user._id)"但是在渲染的代码中它显示了deleteUser($ index,user_id),这些值没有被绑定. (2认同)
  • 在这里,在deleteUser()函数的参数之间的“,”后保留空格是关键。小费Thnks (2认同)