Question

我有两个控制器，一个使用UI Bootstrap模式。当使用平面函数（like）时它可以工作，但是当我尝试将它们添加到我的模块时它不起作用，给出错误：未知提供者：ModalInstanceCtrlProvider＆lt; - ModalInstanceCtrl

这样做的正确方式是什么？代码如下：

angular.module( 'fb.controllers', [] ).controller( 'ModalInstanceCtrl', function( $scope, $modalInstance, data ) {
    $scope.data = data;
    $scope.ok = function () { $modalInstance.close(); };
    $scope.cancel = function () { $modalInstance.dismiss(); };
});

angular.module( 'fb.controllers' ).controller( 'shortLinkModal', ['ModalInstanceCtrl', function( $scope, $modal, ModalInstanceCtrl ) {
    $scope.open = function ( url, title ) {
        var modalInstance = $modal.open( {
            templateUrl: 'myModalContent.html',
            controller: ModalInstanceCtrl,
            resolve: { data: function () { return { title: 'Short Link', url: url, bb: '[url=' + url + ']' + title + '[/url]' } } }
        });
    };
}]);

在进一步调查中，似乎控制器：ModalInstanceCtrl部分需要一个功能。

Answer 1

如果将模态控制器添加到模块，则需要使用字符串文字，如此

controller: 'ModalInstanceCtrl',

Answer 2

控制器无法注入其他控制器。

只需传递控制器名称，$modal.open()方法将实例化它：

var modalInstance = $modal.open( {
    controller: 'ModalInstanceCtrl',
    ...
});

从控制器内调用控制器

2 个答案: