Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带参数的单击_Javascript_Angularjs - Fatal编程技术网

Javascript 带参数的单击

Javascript 带参数的单击,javascript,angularjs,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-c

假设我的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>
未经批准的用户12
  • {{user.Name}批准

问题是在发送该参数时无法调用approve user,因此如何将其发送到函数

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

ng-click="ApproveUser(user.ID)"
双花括号绑定表达式(
{}
)告诉Angular,它应该在双花括号内计算表达式,并将结果插入DOM中以代替原始绑定表达式


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

删除方括号
{{}

ng-click="ApproveUser(user.ID)"
与此重复: