AngularJS: Wie kann man den Controller in Betrieb nehmen?

Question

Ich möchte einen Controller zum Service injizieren.

Ich verwende AngularJs und Laravel und glup-ng-Annotat.

/* DialogController*/ 
    (function(){ 
     "use strict"; 

     angular.module("music.controllers").controller('DialogController', function($scope, $mdDialog){ 
      $scope.hide = function() { 
       $mdDialog.hide(); 
      }; 
      $scope.cancel = function() { 
       $mdDialog.cancel(); 
      }; 
      $scope.answer = function(answer) { 
       $mdDialog.hide(answer); 
      }; 
     }); 
    })(); 

Und das ist Service-

/* Service */ 
(function(){ 
    "use strict"; 

    angular.module("music.services").factory('DialogService', function($mdDialog, DialogController){ 

     return { 
      fromTemplate: function(template, $scope) { 

       var options = { 
        controller: DialogController, 
        templateUrl: template 
       }; 

       if ($scope){ 
        options.scope = $scope.$new(); 
       } 

       return $mdDialog.show(options); 
      }, 

      alert: function(title, content){ 
       $mdDialog.show(
        $mdDialog.alert() 
        .title(title) 
        .content(content) 
        .ok('Ok') 
        ); 
      } 
     }; 
    }); 
})(); 

Ich habe diesen Fehler

Fehler: [$ Injektor: UNPR] Unbekannter Anbieter: DialogControllerProvider < - DialogController < - DialogService

Answer 1

Ein Service kann in eine Steuerung eingespeist werden, aber umgekehrt ist das nicht möglich . Die Abhängigkeitsinjektion in AngularJS unterstützt die Injektion von Services in Controller.

Answer 2

Der Controller sollte vom Service $mdDialog injiziert werden. Setzen Sie den Namen in Anführungszeichen, sodass der Service $mdDialog eine Zeichenfolge anstelle einer Referenz erhält.

(function(){ 
    "use strict"; 

    angular.module("music.services") 
     .factory('DialogService', function($mdDialog ̶,̶D̶i̶a̶l̶o̶g̶C̶o̶n̶t̶r̶o̶l̶l̶e̶r̶){ 

     return { 
      fromTemplate: function(template, $scope) { 

       var options = { 
        //REPLACE this 
        //controller: DialogController, 
        //WITH this 
        controller: "DialogController", 
        templateUrl: template 
       }; 

       if ($scope){ 
        options.scope = $scope.$new(); 
       } 

       return $mdDialog.show(options); 
      }, 

      alert: function(title, content){ 
       $mdDialog.show(
        $mdDialog.alert() 
        .title(title) 
        .content(content) 
        .ok('Ok') 
        ); 
      } 
     }; 
    }); 
})(); 

In diesem Fall wird das Objekt options an die $mdDialog Dienst übergeben, die die Injektion von der Steuerung der Fall ist.

Unter der Haube verwendet der Service $mdDialog den $controller Service, um den spezifizierten Controller zu injizieren.