Javascript Angularjs uib modal无法调用modal控制器

我正试图从我的控制器打开一个模式。我希望模态有自己的控制器，我在$uibModal.open中指定了该控制器

parentController.js

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

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

modalController.js

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

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

modal.html

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

])

在浏览器中运行此操作时，出现以下错误：

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

---

我哪里出错了？

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

---

我更改了脚本标记的顺序，并将ModalController脚本标记放在ParentController脚本标记之前，一切都开始正常工作。

显示您的脚本及其脚本order@AlekseySolovey谢谢你的评论。这让我发现我的ModalController脚本标记位于ParentController脚本标记的下方。如果你解决了问题，要么添加你自己的答案，要么删除问题