假设我有一个控制器

angular.module('app').controller('MyCtrl',function() {
    this.myFunc = function() {
        // ...
    };

    activate();

    function activate() {
        this.myFunc();
    }
});

该控制器有一个名为activate()的函数,在创建控制器时调用该函数.

如何为activate()函数编写测试？ (像这样：创建控制器时,应调用控制器函数“myFunc()”)

我试着写这样的东西：

describe('activate() controller',function() {
    it('should call function myFunc',inject(function($rootScope,$controller) {
        var locals     = {$scope: $rootScope.$new()};
        var controller = $controller('MyCtrl',locals);

        spyOn(controller,'myFunc').toHaveBeenCalled();
    });
}

但我得到错误：

Expected spy myFunc to have been called.

我想在创建我的间谍时,控制器已经调用了激活功能.

有没有办法测试像这样的控制器？

如果该方法是服务的一部分,您可以在注入中设置您的间谍,然后初始化控制器并期望调用服务方法.

<div>
    <divng-controller="leftBoardController">
        <div ng-controller="panelController" ng-include="template"></div>
    </div>
    <divng-controller="rightBoardController">
        <div ng-controller="panelController" ng-include="template"></div>
    </div>
</div>

我将所有初始化逻辑保留在左右控制器中,并使用panelController及其左右部分的视图.在这种情况下,可以共享panelController,因为它使用具有不同值的公共$scope变量(在左侧和右侧控制器中创建变量,因此它们对panelCotrl可见).

angular.module("radar.leftController",[])
.controller("leftController",function ($scope,...) { 
    $scope.data = getSomeData();
}

angular.module("radar.rightController",[])
.controller("rightController",...) { 
    $scope.data = getotherData();
}

angular.module("radar.panelController",[])
.controller("panelController",...) { 
    $scope.template = "somePath/panelView.html";
    // shared logic for left and right contrls goes here
}

在panelView.html中：

<div>data: {{data.length}}</div>

似乎从右边我可以改变左右变速器,但是从左边我只能改变左变速器(如预期的那样). (我需要左右两部分完全分开).

那么,重用一个控制器(创建多个实例)的正确方法是什么？

...
angular.module("radar.panel",[])
.directive("panel",function() {
   return {
    scope: {'panelData': '=' // Doubly bound to panel-data attribute},templateUrl: 'somePath/panelView.html'
    controller: function ($scope,...) { 
      // shared logic for left and right contrls goes here
    }
  }
}

<div>
    <divng-controller="leftBoardController">
        <div panel panel-data="data"></div>
    </div>
    <divng-controller="rightBoardController">
        <div panel panel-data="data"></div>
    </div>
</div>

.directive('money',['Service',function (Service) {
/*
* Some code
*/
controller: ['$scope','$element','$attrs','$parse',function (scope,cElement,attrs,$parse) {
    scope.someValue=1;
    scope.someFunction = function(){
        console.writeline('money');
    }
}

还有第二个指令：

.directive('cash',function (Service) {
    /*
    * Some code
    */
    controller: ['$scope',$parse) {
        scope.someValue=1;
        scope.someFunction = function(){
            console.writeline('cash');
        }
    }

正如您所看到的,这两个指令之间的区别仅在于一个函数的内容.
如此完美的方式将继承someFunction的所有控制器和阴影

是否有可能在角度上制作这样的东西,或者我应该留下两个指令,如此小的差异？

因此,而不是< div data-money>< / div>和< div data-cash>< / div>你有< div data-console text =“money”>< / div>和< div data-console text =“cash”>< / div>.

基本上,将不同的东西拉入可以带入更通用指令的属性中.

根据评论,这个怎么样？将控制器创建为独立函数,然后在两个指令中使用相同的控制器.

但是在这一点上,我不确定它会为你节省太多(或任何)代码,并且对于这种重构可能有点过分.考虑到微小的差异,让它保持原样可能更有意义.

我将一个resolve对象作为参数注入我的控制器,然后在控制器中设置一个范围变量.它在应用程序上完美运行如下：

国家提供者

$stateProvider.state('myState',{
      resolve:{
         foo:  function(){
            return 'bar';
         },url: '/',templateUrl: 'index.html',controller: 'FooCtrl'
   })

调节器

app.Controllers.controller('FooCtrl',['$scope','$state','foo',function ($scope,$state,$log,Zone,foo) {
        $scope.testvar = foo
        console.log($scope.testvar);
    }])

然后,按照预期在Chrome中将“条形图”记录到控制台.

但是当使用Karma运行测试时,解析对象现在是未定义的,这使测试失败.这是测试代码：

describe('controllers',function(){

  var $rootScope,$scope,$state

  beforeEach(module('app'))

  beforeEach(inject(function($injector) {
    $state = $injector.get('$state')
    $rootScope = $injector.get('$rootScope')
    $scope = $rootScope.$new()
    $controller = $injector.get('$controller')
  }))

  it('FooCtrl should exist',inject( function() {
    $state.go('myState')
    $rootScope.$apply()

    $controller = $controller('FooCtrl',{
      '$scope': $scope
    })
    $rootScope.$apply()

    assert.equal($scope.testvar,"bar","these strings are equal")
  }))
})

出现此错误(在我的情况下,resolve对象称为resolvedRouteModels)：

[$injector:unpr] UnkNown provider: fooProvider <- foo
    http://errors.angularjs.org/1.3.0-build.2921+sha.02c0ed2/$injector/unpr?p0=fooProvider%20%3C-%20foo

任何帮助将不胜感激,如果您遇到此问题,请告诉我.

解决此问题的一种方法是在测试中自己提供此依赖项,就像将范围传递给控制器​​一样：

var foo = 'bar'; // whatever
$controller = $controller('FooCtrl',{$scope: $scope,foo: foo} );

注意,您还可以创建一个模拟$state对象,并以相同的方式将其传递给控制器​​,如果您想将其合并到测试中.