Angular JS ng-click with arguments

时间:2015-12-25 13:49:50

标签: javascript angularjs

假设我的html看起来像

 <h2>Unapproved Users<span class="badge">12</span></h2>
<ul class="list-group" ng-repeat="user in unApprovedUsers">
    <li class="list-group-item">{{user.Name}} <button class="btn btn-success" ng-click="ApproveUser({{user.ID}})">Approve</button></li>

</ul>

问题是在发送该参数时无法调用批准用户,以便如何将其发送到函数

2 个答案:

答案 0 :(得分:4)

您不需要{{ }}。您可以直接访问用户对象及其属性。

ng-click="ApproveUser(user.ID)"

双花括号绑定表达式({{ }})告诉Angular它应该评估双花括号内的表达式,并将结果插入DOM中代替原始绑定表达式。

由于您要访问用户对象并将属性值传递给您的函数,因此您不需要{{ }}。您只需访问该对象并使用属性值并将其传递给您的方法。

答案 1 :(得分:4)

删除括号{{ }}

ng-click="ApproveUser(user.ID)"