Question

我正在尝试创建一个将使用多个角度ng-apps的网络应用程序，并且至少有两个可以使用相同的服务代码（他们不需要共享数据，但是他们执行类似的功能），那我怎么能避免代码重复？也就是说，

myApp1.factories.factory( 'myservice' [ function(){
   // stuff I dont want to repeat
}])

...并在应用程序中其他位置的其他页面上使用不同的div：

myApp2.factories.factory( 'myservice' [ function(){
   // stuff I dont want to repeat
}])

有没有办法让这两个应用程序重用该服务代码？或者，对于所有html只有一个ng-app被认为是最佳实践（即使这些部分可能是独立的），只是使用控制器进行分割？

由于

Answer 1

angular.module('myReuseableMod', []).factory('myReusableSrvc', function() {
    // code here
});

var App1 = angular.module('myApp1', ['myReuseableMod']);
App1.controller('someCtrlr', ['$scope', 'myReusableSrvc', function($scope, myReusableSrvc) {
    // controller code
}]); // end someCtrlr

var App2 = angular.module('myApp2', ['myReuseableMod']);
App2.controller('someCtrlr', ['$scope', 'myReusableSrvc', function($scope, myReusableSrvc) {
    // controller code
}]); // end someCtrlr

Angularjs可以跨多个ng-apps重用服务

1 个答案: