AngularJS fournisseur inconnu - Pour les contrôleurs

Question

Je sais qu'il y a beaucoup de ces questions, mais mon est spécifique. J'utilise Typescript avec AngularJS. Je veux obtenir une variable de multimediaController à multimediaAlbumController. Je reçois "[$ injector: unf] Fournisseur inconnu: multimediaControllerProvider < - multimediaController < - multimediaAlbumController". Comment puis-je l'empêcher?

MultimediaAlbumController

export class MultimediaAlbumController{ 
    $scope; 
    albums  : AlbumDto[]; 
    $popupManager; 
    $state; 
    $element; 
    mutlimediaController; 
    static $inject = ['$injector', '$scope', '$stateParams', '$state', '$popupManager', '$element','multimediaController'] 
    constructor(
      $injector   : ng.auto.IInjectorService, 
      $scope, 
      $stateParams, 
      $state, 
      $popupManager, 
      $element, 
      mutlimediaController: MultimediaController 
     ) { 
     super(); 
     $injector.invoke(this.init, this, {$scope}); 
     this.$scope = $scope; 
     this.$element = $element; 
     this.$state = $state; 
     this.$popupManager = $popupManager; 
     this.mutlimediaController = MultimediaController; 
     this.albums = mutlimediaController.albums; 
} 

Comme vous pouvez le voir, je l'ai déclaré multimediaController, écrire même dans inject $. Alors, où est le bug? :/

Answer 1

Vous ne devriez pas inject un contrôleur dans un autre plutôt que vous devriez utiliser service\factory.

Toutefois, pour obtenir le scope de mutlimediaController, vous devez injecter $controller service de angularjs. Vous pouvez le faire IKE:

static $inject = ['$injector', '$scope', '$stateParams', '$state', '$popupManager', '$element','$controller'] 

    constructor(
      $injector: ng.auto.IInjectorService, 
      $scope, 
      $stateParams, 
      $state, 
      $popupManager, 
      $element, 
      $controller 
     ) { 
     super(); 
     $injector.invoke(this.init, this, {$scope}); 
     this.$scope = $scope; 
     this.$element = $element; 
     this.$state = $state; 
     this.$popupManager = $popupManager; 
     var mutlimediaController = $controller('MultimediaController', {this.$scope: $scope}); 
     mutlimediaController.someFunction();// some function of your MultimediaController 
     this.albums = mutlimediaController.albums; 
} 

Mais je suggère faire un service/usine pour accéder aux données communes.

Comme:

myApp.service('myService', function() { 
    var text = ''; 
    this.getValue = function() { 
     return text; 
    } 
    this.setValue = function (data) { 
    return text = data; 
    } 
}); 

//Inside controller  
myApp.controller('MyCtrl', function MyCtrl($scope, myService) { 
myService.setValue ("data to service"); 
$scope.message = myService.getValue(); 
});