ng-repeat 自定义指令抛出错误

Question

我正在控制器中创建一个自定义指令并在 ng-repeat 中调用它，如下所示：

HTML：

<div ng-controller="TestCtrl">
  <div ng-repeat="page in pages">
   <custom 
    load-data="loadData = fn">
   </custom>
  </div>
</div>  

JS:
测试指令如下：

scope: {
   loadData: "&"
}
controller: ['$scope', '$element', '$timeout', '$filter', function ($scope, $element, $timeout, $filter) {
$scope.loadData({ fn: function(data) {  
 //Data calc.
}});
}  

我从 TestCtrl 调用 loadData 如下：

App.controller('TestCtrl', function($scope, $http, $timeout, $rootScope) {
 $scope.loadData(data);
}  

在 TestCtrl 范围内，如果未使用 ng-repeat 并且工作正常，则存在 loadData 函数，但在使用 ng-repeat 时调用 $scope.loadData(data) 的行处会出现 undefined is not a function 错误。
提前致谢

Answer 1

你的指令的控制器不正确，它的语法是

 controller: function($scope, $element, $attrs, $transclude, otherInjectables) { ... }

$timeout, $filter 应该在 $attrs 和 $transculde 之后。即使您不使用它，也需要包含两者

即使经过上述修改，如果仍然存在问题，我们可以进一步检查，但以上必须修复，否则您将无法使用$timeout和$filter