Javascript 正在尝试使用ModalService。获得；“ModalService未定义”；错误

我已经按照正确的顺序加载了jquery、bootstrap、angularjs和modalservice。我得到一个错误：“ModalService未定义”。即使ModalService已正确加载。有人能帮我理解出什么问题吗：

app.js:
var myApp=angular.module（'App'，['ngRoute'，'listApp']）；
myApp.config（函数（$routeProvider）{
$routeProvider
。当（“/”{
templateUrl:'list.html'，
控制器：“listCtrl”
})
.否则({
templateUrl:'list.html'，
控制器：“listCtrl”
});
});
controllers.js：
var listApp=angular.module（'listApp'，['angularModalService']）；
控制器（'listCtrl'，['$scope'，函数（scope，ModalService）{
scope.show=函数（）{
ModalService.showModal({
templateUrl:'modal.html'，
控制器：“ModalController”
}).then（功能（模态）{
modal.element.modal（）；
modal.close.then（函数（结果）{
scope.message=“你说的”+结果；
});
});
};
}]);
listApp.controller（'ModalController'，函数（范围，关闭）{
scope.close=函数（结果）{
关闭（结果为500）；
};
});
index.html：
list.html：
&时代；
是还是不是？
这是你的电话

不
对
正确注入依赖项

在控制器中添加了“ModalService”依赖项

listApp.controller('listCtrl', ["$scope", "ModalService", function(scope, ModalService){
}]);

注意：

我强烈建议对模式服务使用angular ui引导，而不是单独的插件。它提供了许多方便的选项参数来根据您的需求配置模态


希望这有帮助
 正确注入依赖项

在控制器中添加了“ModalService”依赖项

listApp.controller('listCtrl', ["$scope", "ModalService", function(scope, ModalService){
}]);

注意：

我强烈建议对模式服务使用angular ui引导，而不是单独的插件。它提供了许多方便的选项参数来根据您的需求配置模态


希望这有帮助
 为什么要创建两个angularjs模块？移除listApp并将myApp用于控制器和路由。为什么要创建两个angularjs模块？删除listApp并将myApp用于控制器和路由。谢谢，问题已解决。另外，我现在正在使用ui引导。获取另一个错误：未知提供程序：scopeProvider我获取了它。非常感谢。我忘了ModalController中的美元！谢谢，已经解决了。另外，我现在正在使用ui引导。获取另一个错误：未知提供程序：scopeProvider我获取了它。非常感谢。我忘了ModalController中的美元！