AngularJS: как ввести объект в контроллер?

Question

Я знаю два способа объявить и определить контроллеры в angularjs:

первый путь:

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; 
       } 
      } 
     }); 
    } 
} 

второй путь:

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; 
      } 
     } 
    }); 
    } 
}); 

Где я использую myObject:

... 

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

это код UI Bootstrap Modal Dialog, а объект objec t, возвращаемое с resolve - это данные, которые необходимо передать в область диалога.

Но проблема возникает:

1-й способ:

не может быть разрешено AngularJS, потому что он не может найти определение MyObject в myDialogController.

2-й способ:

значение печатается в журнале: 'не определено'.

Является ли способ объявить и определить контроллер неправильно? (Другие части кода контроллера работают нормально), или это так, как myObject неправильно передан контроллеру (код для использования контроллера - от AngularJS Пример кода пользовательского интерфейса Bootstrap: «https://angular-ui.github.io/bootstrap/»).

Ошибка, которую я делаю, может показаться глупым, но для меня это важно, спасибо, что выложили ее!

Answer 1

Что такое объект myObject. Угловой инжектор может только вводить объект в угловое (например, myController, определяемое приложением). Таким образом, вы должны повернуть свой объект myObject к угловому объекту, сервису или фабрике в порядке.

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

Если вы хотите, чтобы ввести некоторый объект самостоятельно, вы можете использовать $ контроллера, как это:

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

здесь документация: $controller

Answer 2

выглядит, как вы просто хотите передать $ scope.params для диалогового контроллера. если это так, вам не нужно вводить myObject в myController.

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

Вы должны создать service or constant, чтобы ввести в контроллер, константа, если ваш объект является постоянным (дух) и услугу, если она содержит данные, которые необходимы динамически (функции как значения).

так ...

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

или

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