javascript - Angularjs uib modal无法调用模态 Controller

Question

我正在尝试从我的 Controller 打开一个模式。我希望模态拥有自己的 Controller ，我已在 $uibModal.open 中指定了该 Controller 。

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";
}]);

模态.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 脚本标记之前，一切开始正常工作。