Angularjs uib模态无法调用模态控制器

Question

我正在尝试从我的控制器打开一个模式。我希望模态有自己的控制器，我在 $uibModal.open.

中指定了它

parentController.js

$uibModal.open({
        templateUrl: 'modal.html',
        controller: 'ModalController',
        scope: $scope,
        backdrop:'static',
        keyboard: false,
        size: 'md'
    });

modalController.js

angular.module('fidoApp.import').controller('ModalController',['$scope', '$uibModalInstance',
function ($scope, $uibModalInstance) {
    $scope.label = "from ModalController";
}]);

modal.html

<div>
    {{label}}
</div>

app.js

var fidoApp = angular.module('fidoApp', [
'ngRoute',
'ui.bootstrap',
'ngResource',
'ngCookies',
'ngAnimate',
'checklist-model',
'restangular',
'fidoApp.import',
'fidoApp.login',
'fidoServices',
'taximportServices',
'utilServices',
'errorServices',
'financialInstitutionsFilter',
'authenticationService',
'userService'

]);

当我在浏览器中运行时出现以下错误：

Error: [ng:areq] Argument 'ModalController' is not a function, got undefined

我哪里错了？

Answer 1

正如 Aleksey 在评论中提到的，我的脚本顺序错误。 ModalController 脚本标签位于 ParentController 脚本标签下方。因此，ParentController 中对 ModalController 的引用未定义。

我更改了脚本标签的顺序，将 ModalController 脚本标签放在 ParentController 脚本标签之前，一切正常。

Angularjs uib模态无法调用模态控制器

Angularjs uib modal unable to call the modal controller

javascript

angularjs

angular-ui-bootstrap