Angular JS ng-click 带参数

【问题标题】：Angular JS ng-click with argumentsAngular JS ng-click 带参数
【发布时间】：2016-03-31 12:37:20
【问题描述】：

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

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

【问题讨论】：

复制这个：stackoverflow.com/questions/17039926/…

标签： javascript angularjs

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

去掉括号{{ }},

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

【讨论】：