javascript - AngularJS在ng-repeat中调用对象的函数

Question

我有以下 Controller :

app.controller('TestController', function($scope) {
  $scope.tests = [{
      name: 'Name 1',
      description: 'Some Description',
      actionHandler: function() {
        alert('Action Handler called');
      }
    },
    ...
  ];
});

在我的html文件我做了一个 ng-repeat 像这样:

<div ng-repeat="test in tests">
  <p>{{test.name}}</p>
  <p>{{test.description}}</p>
  <a ng-click="{{test.actionHandler}}">Click me</a>
</div>

这并没有真正发挥作用。我也尝试过。

<a ng-click="test.actionHandler">Click me</a>

还有

 <a ng-click="test.actionHandler()">Click me</a>

但似乎都不起作用。知道如何在 ng-repeat 中调用对象的函数吗？

谢谢，xCoder。

Answer 1

您的第三次尝试是正确的形式test.actionHandler()。也许您可以尝试在 Controller 中将 $window 与 $scope 一起包含 'TestContorller', function($scope, $window) 并将警报调用更改为 $window.alert('action handler称为') ...