javascript - 如何将onclick函数中的angular js变量作为参数传递

Question

我尝试将 AngularJS 变量作为参数值传递给 onclick() 以调用 javascript 函数。谁能指导我如何操作？

我的代码:

 <div onclick="deleteArrival({{filterList.id}})" class="table-icon deleteIcon">{{filterList.id}}</div>

Answer 1

你应该使用 ng-click，没有理由使用 onclick，因为 angular 为你提供了这个功能

<div ng-click="deleteArrival(filterList.id)" 
     class="table-icon deleteIcon">{{filterList.id}}</div>

然后你应该将你的函数移动到你的 AngularJS Controller 中，并将它绑定(bind)到作用域

$scope.deleteArrival = function(filterListId) { ... };

如果你绝对需要使用 onclick 来调用外部函数，你可以在你的范围内将函数更改为类似这样的东西，仍然使用上面的 ng-click 属性:

$scope.deleteArrival = function(filterListId) { window.deleteArrival(filterListId); };

但是我看不出有什么理由不把它移到你的范围内