在angular.ui模态中注入角度控制器依赖项的正确方法

Question

以下angular.ui模态示例显示了modalInstance调用a
ModalIntanceCtrl，该调用后来被创建为函数：

var ModalDemoCtrl = function ($scope, $modal, $log) {

  $scope.items = ['item1', 'item2', 'item3'];

  $scope.open = function () {

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,
      resolve: {
        items: function () {
          return $scope.items;
        }
      }
    });

    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };
};

var ModalInstanceCtrl = function ($scope, $modalInstance, items) {

  $scope.items = items;
  $scope.selected = {
    item: $scope.items[0]
  };

  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };

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

我有2个问题/问题：

1. 文档建议以其他方式（由于缩小问题）创建控制器，例如：

myApp.controller('GreetingCtrl', ['$scope', function($scope) { $scope.greeting = 'Hola!'; }]);

但是，如果我像这样创建控制器，如何将其注入modalInstance？

1. 我在这里调用的控制器不是Modal Instance控制器，而是我的global loginCtrl，这是问题吗？我应该以某种方式继承loginCtrl还是从ModalInstanceCtrl调用它？如果是的话-究竟如何？

我很高兴为此提供指导和澄清。谢谢！

Answer 1

您的问题不是很清楚，但是如果您使用模块API声明控制器，则可以将控制器作为字符串提供给模态服务

myApp.controller('ModalInstanceCtrl', ['$scope', function($scope) { $scope.greeting = 'Hola!'; }]);

controller: 'ModalInstanceCtrl',

loginCtrl如果要在模态服务中使用它，可以执行相同的操作。