javascript - angularjs:指令的访问 Controller

Question

我正在对我的一个指令进行单元测试。它的基本结构是这样的

angular.module('MyApp')
.directive('barFoo', function () {
    return {
        restrict: 'E',
        scope: {},
        controller: function ($scope, $element) { 
              this.checkSomething = function() { .... }
        },
        link: function(scope, element) { .... }
    }
});

在我的单元测试中，我想测试函数“checkSomething”，所以我尝试了

var element = $compile('<barFoo></barFoo>')(scope);
var controller = element.controller()
...

但是， Controller 是未定义的。是否可以访问指令的 Controller ？

Answer 1

胶水是你的范围，所以你可以做

controller: function ($scope, $element) { 
  this.checkSomething = function() { .... }
  $scope.controller = this;                
},

但我认为最好将每个函数附加到作用域中，例如

controller: function ($scope, $element) { 
  $scope.checkSomething = function() { .... }
},

然后是它的

var element = $compile('<barFoo></barFoo>')(scope);
var checksomthingResult = scope.checkSomething ()