angularjs - 如何将 $modalInstance 注入(inject)我的 Controller ？

Question

我正在根据 Google 标准编写代码...甚至不确定这个语法的名称，但它与 Controller 的 Angular-UI 示例代码不同，并且我收到 $modalInstance 的注入(inject)器错误:(

var myControllers = angular.module('myControllers', ['ngCookies','ui.bootstrap']);

myApp.controller('LoginDialogCtrl', ['$scope', '$modalInstance', 'Auth', function($scope, $modalInstance, Auth) {
  $scope.login = function() {
    // Close dialog
    $modalInstance.dismiss('Logged in');
  };
}]);

myApp.controller('AuthCtrl', ['$scope', '$modal', 'Auth', function($scope, $modal, Auth) {
  $scope.openLoginDialog = function () {
    var modalInstance = $modal.open({
      templateUrl: 'partials/auth/login.html',
      controller: myApp.LoginDialogCtrl,
      }
    });
  };
  ...
}]);

对话框打开正常，但在用户登录后，我收到此行的注入(inject)器错误:

myApp.controller('LoginDialogCtrl', ['$scope', '$modalInstance', 'Auth', function($scope, $modalInstance, Auth) {

我已经像这样测试过它，它似乎有效，这真的很烦人:

var ModalInstanceCtrl = function ($scope, $modalInstance) {
  $scope.ok = function () {
    $modalInstance.close();
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

这是否与我的 Controller 初始化方式有关，并且在初始化时它不知道 $modalInstance？我怎样才能做到这一点？

Answer 1

查看这个答案:AngularJS inject issue with Angular Bootstrap modal

我遇到了和你一样的问题。我在部分中有一个 ng-controller 指令。删除后，问题就消失了。