angular ui bootstrap：错误：[$injector:unpr] 未知提供者：appMainProvider <- appMain

Question

我目前正在尝试打开一个 AngularUI 引导模式。不知何故，我不断收到以下错误：

错误：[$injector:unpr] 未知提供者：appMainProvider

我在网上搜索并找到了几个“解决方案”，但它们似乎都不起作用（或者也许我做错了什么）。我找到的解决方案之一是this one。

这是我的main js controller：

module.exports = function(appMain, name) {

    appMain.controller(name, mainCtrl);

    mainCtrl.$inject = ['$state', 'mainDataService', 'dnnVariables', '$uibModal'];

    function mainCtrl($state, mainDataService, dnnVariables, $uibModal) {

        var vm = this;

        function fullAnswer() {
            var source = require("../ViewAnswer/viewAnswer.html");
            $uibModal.open({
                templateUrl: source,
                controller: require("../ViewAnswer/viewAnswer.controller.js"),
                controllerAs: 'viewAnswerCtrl',
                backdrop: 'static'
            });
        }
    }
}

这将打开模式。模态html如下（几乎没有任何测试目的）

something

modal js controller如下：

module.exports = function (appMain, name) {

appMain.controller(name, viewAnswerCtrl);

viewAnswerCtrl.$inject = ['$state', 'mainDataService', 'dnnVariables', "$uibModalInstance"];

function viewAnswerCtrl($state, mainDataService, dnnVariables, $uibModalInstance) {

    var vm = this;

    }
}

注意：我使用的是angular-ui-bootstrap 2.5。

Answer 1

在这个例子中，mainCtrl 不是控制器函数，而是一些定义控制器的包装函数。它很可能被用作：

mainCtrl(appMain, name);

而不是

appMain.controller(name, mainCtrl);

在module.exports = function (appMain, name) {...} 中包装控制器没有任何好处。最好省略它，并且应该使用angular.module(...) 而不是appMain 变量。