带参数的Angular JS ng点击

Angular JS ng-click with arguments

本文关键字：ng 点击 JS Angular 参数      更新时间：2023-09-26

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

问题是在发送参数时不能调用approve用户，所以我如何将其发送到函数

移除括号{{ }}、

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

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

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

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

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

相关文章：