如何扩展服务

Question

我对angularjs相当陌生，无法找到任何文档或示例。我期望做的是扩展基本服务，以便我可以使用其他服务基本服务中定义的方法。例如说，我有一个基本的服务如下。

angular.module('myServices', []). 

    factory('BasicService', function($http){ 
     var some_arg = 'abcd' 
     var BasicService = { 
      method_one: function(arg=some_arg){ /*code for method one*/}, 
      method_two: function(arg=some_arg){ /*code for method two*/}, 
      method_three: function(arg=some_arg){ /*code for method three*/}, 
     }); 
     return BasicService; 
    } 
); 

现在我想定义从上面BasicService延伸，使得我可以使用从我的扩展服务的BasicService下定义的方法扩展服务。也许是这样的：

factory('ExtendedService', function($http){ 
     var ExtendedService = BasicService(); 
     ExtendedService['method_four'] = function(){/* code for method four */} 
     return ExtendedService; 
    } 

Answer 1

你ExtendedService应注入BasicService为了能够访问它。除此之外，BasicService是一个对象字面量，因此您不能将其实际称为函数（BasicService()）。

.factory('ExtendedService', function($http, BasicService){ 
    BasicService['method_four'] = function(){}; 
    return BasicService; 
} 

Answer 2

对不起，如果我张贴在这里，但可能是它的一个好地方。 我指的是这个post

要当心，因为是单身 这样你就可以一次延伸服务/工厂，延伸服务/工厂。

'use strict'; 
      angular.module('animal', []) 
       .factory('Animal',function(){ 
         return { 
          vocalization:'', 
          vocalize : function() { 
           console.log('vocalize: ' + this.vocalization); 
          } 
         } 

       }); 
       angular.module('dog', ['animal']) 
        .factory('Dog', function (Animal) { 
         Animal.vocalization = 'bark bark!'; 
         Animal.color = 'red'; 
         return Animal; 
        }); 

       angular.module('cat', ['animal']) 
        .factory('Cat', function (Animal) { 
         Animal.vocalization = 'meowwww'; 
         Animal.color = 'white'; 
         return Animal; 
        }); 
       angular.module('app', ['dog','cat']) 
       .controller('MainCtrl',function($scope,Cat,Dog){ 
        $scope.cat = Cat; 
        $scope.dog = Dog; 
        console.log($scope.cat); 
        console.log($scope.dog); 
        //$scope.cat = Cat; 
       }); 

，但如果你不喜欢

'use strict'; 
      angular.module('animal', []) 
       .factory('Animal',function(){ 
        return function(vocalization){ 
         return { 
          vocalization:vocalization, 
          vocalize : function() { 
           console.log('vocalize: ' + this.vocalization); 
          } 
         } 
        } 
       });  
       angular.module('app', ['animal']) 
        .factory('Dog', function (Animal) { 
         function ngDog(){ 
          this.prop = 'my prop 1'; 
          this.myMethod = function(){ 
           console.log('test 1'); 
          } 
         } 
         return angular.extend(Animal('bark bark!'), new ngDog()); 
        }) 
        .factory('Cat', function (Animal) { 
         function ngCat(){ 
          this.prop = 'my prop 2'; 
          this.myMethod = function(){ 
           console.log('test 2'); 
          } 
         } 
         return angular.extend(Animal('meooow'), new ngCat()); 
        }) 
       .controller('MainCtrl',function($scope,Cat,Dog){ 
        $scope.cat = Cat; 
        $scope.dog = Dog; 
        console.log($scope.cat); 
        console.log($scope.dog); 
        //$scope.cat = Cat; 
       }); 

它的工作原理

Answer 3

更清洁和必要的方式

.factory('ExtendedService', function($http, BasicService){ 

    var extended = angular.extend(BasicService, {}) 
    extended.method = function() { 
     // ... 
    } 
    return extended; 
} 

Answer 4

在我看来，一个更好的办法：

.factory('ExtendedService', function($http, BasicService){ 
    var service = angular.copy(BasicService); 

    service.methodFour = function(){ 
     //code for method four 
    }; 

    return service; 
}); 

这里至少不会更改继承的服务。

Answer 5

为了扩展的Stewie的回答，你也可以做到以下几点：

.factory('ExtendedService', function($http, BasicService){ 
    var service = { 
     method_one: BasicService.method_one, 
     method_two: BasicService.method_two, 
     method_three: BasicService.method_three, 
     method_four: method_four 
    }); 

    return service ; 

    function method_four(){ 

    } 
} 

这有原来的服务是不会改变的好处，同时保持它的功能。您也可以选择在ExtendedService中为BasicService中的其他3种方法使用自己的实现。

Answer 6

我写了一个$延长使用骨干的引擎盖下延长提供商 - 所以，你得到两个原型和静态属性的情况下，延长你需要他们 - 另外，你父/子构造 - 见要点@https://gist.github.com/asafebgi/5fabc708356ea4271f51