Angular JS ng-click with arguments

Question

假设我的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>

问题是在发送该参数时无法调用批准用户，因此如何将其发送到该函数

Answer 1

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

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

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

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

Answer 2

删除括号{{ }} ，

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