如何将'$ modalInstance'注入控制器？

Question

在我的应用程序中,我发现用户没有登录后我想打开一个模态对话框:

  .when('/showtask/:id', {templateUrl: 'Home/Template/showtask', resolve: ShowTaskCtrl.resolve, access: { allowAnonymous: false },
            resolve: {
        userAuthenticated: ["$http", "$q", function ($http, $q) {
            var deferred = $q.defer();
            $http.get('/api/Authentication/UserAuthenticated').then(function (data) {

                if (data.data != "null") {
                    deferred.resolve(data.data);
                }
                else {

                    var modalInstance = {
                        templateUrl: 'Home/Template/loginfailed',
                        controller: 'ModalInstanceCtrl',
                        modalpart: ['modalpart', function (modalpart) {
                            return modalInstance;
                            }]
                    };
                    $modal.open(modalInstance);

                    deferred.reject();

                }   
            });
            return deferred.promise;

        }]

    }

由于它发生在路由更改上,我必须在实例中注入一个modalpart并在控制器中检索它.

var ModalInstanceCtrl = WorkerApp.controller('ModalInstanceCtrl', ["$scope", "modalpart", function ($scope, modalpart) {

但我一直收到这个错误:

未知提供者:modalpartProvider < - modalpart

我怎么解决这个问题？

我正在看的PS原始代码在这里:http://angular-ui.github.io/bootstrap/(在模态下)

Answer 1

这个问题也有一段时间了.虽然您没有发布HTML,但这就是我的问题所在.确保你没有在DOM中命名控制器,这已经在$ modal.open()中为你处理了.

Answer 2

我从来没有$modal像你正在做的那样在路线改变中使用服务,所以不确定它是如何工作的.然而,只看你的$modal代码,它看起来是错误的.正确的方法应该是:

var modalOptions = {
  templateUrl: 'Home/Template/loginfailed',
  controller: 'ModalInstanceCtrl'
};
$modal.open(modalOptions);

然后你的控制器定义:

WorkerApp.controller('ModalInstanceCtrl',
  ["$scope", "$modalInstance", function ($scope, $modalInstance) {
    // Do your stuff
  }]);

根据文档,该$modal服务将自动处理对$modalInstance控制器的注入.