如何在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中，并将其绑定到作用域

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

如果您绝对需要使用onclick来调用外部函数，则可以在您的范围内将函数更改为如下所示，仍然使用上面的ng-click属性：

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

但是我看不出没有将其移入您的范围的理由