angularJS: Provider der App A nicht verfügbar in der Konfiguration der App B; App B ist die wichtigste App an DOM

Question

Ich habe einen Provider in einem Winkelmodul sagen A, und ich versuche, es in der Konfiguration eines anderen Winkelmodul sagen B, wie im folgenden Code-Schnipsel gezeigt:

B

var A = (function(ng){ 
'use strict'; 

var a = ng.module('A',[]); 

a.provider('MyProvider', function(){ 
    this.$get = ['$q', function($q){ 
     return new myService($q); 
    }] 
}); 

function myService($q){ 
    var data = // Some data 
    this.getAllData = function(){ 
     return $q(function(resolve,reject){ 
      resolve(data) 
     }); 
    } 
} 

//ng.bootstrap(a); 

return a; 
})(angular); 

und App ist wie folgt:

//IIFE pattern for modularization 

var B = (function(angular) { 
    'use strict'; 


// initialize the Angular app 
var b = angular.module('B', ['ui.router', 'A']); 

b.config(config); 

function config($stateProvider, $urlRouterProvider, myProvider){ 
    myProvider.getAlldata().then(function(data){ 
     //do some processing on data related to routes... 
    }, function(err){ 
     //handle Err 
    }); 
} 


return b; 
})(angular); 

Jetzt bin ich die err bekommen wie:

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module ngApp due to:Error: [$injector:unpr] Unknown provider: RouteProvider 

Kann jemand bitte helfen Sie mir, diese zu knacken? Vielen Dank.

Answer 1

Anscheinend sollte die myProvider als myProviderProvider in der config Funktion referenziert werden. es geht darum, den Anbieter zu benennen. Und dann können Sie myProvider als eine Abhängigkeit zu jedem anderen Service/Fabrik verwenden, und hier wird die in der $get-Methode des myProvider zurückgegebene Instanz (jeder Anbieter für diese Angelegenheit) zur Verwendung in dem abhängigen Dienst/Fabrik zur Verfügung gestellt werden.

Wenn nicht so klar, Jemand, der verstanden hat, kann die Antwort entwickeln. Ich werde den besten als die Antwort markieren. Vielen Dank.