AngularJS: Wie injiziere ich ein Objekt in den Controller?

Question

Ich kenne zwei Wege-Controller in AngularJS zu erklären und zu definieren:

1. Weg:

myApp.controller('myController', ['$scope', '$uibModal', myController]); 

function myController($scope, $uibModal, myObject){ 
    $scope.params = {}; 
    $scope.open = function(){ 
     $uibModal.open({ 
      templateUrl:'my_dialig.html', 
      controller:myDialogController, 
      resolve:{ 
       myObject:function(){ 
       return $scope.params; 
       } 
      } 
     }); 
    } 
} 

2. Art und Weise:

myApp.controller('myController', function($scope, $uibModal){ 
    $scope.params = {}; 
    $scope.open = function(){ 
    $uibModal.open({ 
     templateUrl:'my_dialog.html', 
     controller:myDialogController, 
     resolve:{ 
      myObject:function(){ 
       return $scope.params; 
      } 
     } 
    }); 
    } 
}); 

Wo ich myObject:

... 

myApp.controller('myDialogController', function($uibModalInstance, myObject){ 
    console.log(myObject); 
} 
... 

Dies ist der UI Bootstrap Modal Dialog Code und das Objekt t von resolve zurückgegeben wird, sind die Daten, die an den Dialogbereich übergeben werden sollen.

Aber das Problem kommt:

der erste Weg:

nicht durch AngularJS erlaubt werden, weil es nicht die Definition von myObject in myDialogController finden.

der zweite Weg:

der Wert im Protokoll ausgedruckt: 'undefined'.

Ist die Art, wie ich den Controller deklarieren und definieren falsch (die anderen Teile des Controller-Code funktionieren nur ok), oder ist die Art und Weise myObject Controller falsch übergeben? (Der Code zur Verwendung des Controllers ist von AngularJS UI Bootstrap-Beispielcode: "https://angular-ui.github.io/bootstrap/").

Der Fehler, den ich mache, mag albern vorkommen, aber es ist mir wichtig, danke, dass ich es herausgefunden habe!

Answer 1

Was ist das myObject? Winkelinjektor kann das Objekt nur in Winkelrichtung injizieren (wie myController, definiert durch app.controller). Also sollten Sie Ihr myObject in eckiges Objekt umwandeln, Service oder Fabrik ist in Ordnung.

myApp.service("myObject", function() { 
    ... 
}) 

Wenn Sie selbst einen Gegenstand injizieren wollen, können Sie die $ Controller wie folgt verwenden:

$controller("myController", {myObject: myObject}); 

hier ist die Dokumentation: $controller

Answer 2

sieht aus wie Sie wollen einfach nur passieren $ scope.params zum Dialogcontroller. Wenn dies der Fall ist, müssen Sie myObject nicht in myController injizieren.

myApp.controller('myController', function($uibModal){ 
    $scope.params = {}; 
    $scope.open = function(){ 
    $uibModal.open({ 
     templateUrl:'my_dialog.html', 
     controller:myDialogController, 
     resolve:{ 
      myObject:function(){ 
      return $scope.params; 
      } 
     } 
    }); 
    } 
}); 

Answer 3

Sie sollten in einen Controller zu injizieren, eine Konstante ein service or constant zu erstellen, wenn Ihr Objekt konstant (DUH) und ein Service ist, wenn es Daten enthält, dynamisch (Funktionen als Werte) benötigen.

so ...

myApp.service('myObject', function(){ 
    return { 
     function(){ 
      ... 
     }, 
     .... 
    } 
}) 

oder

myApp.constant('myObject', { 
    'someKey': 'someValue', 
    ... 
})