我有一个 ASP.NET MVC5 应用程序,其中使用 AngularJS。在此,我有一个名为
atTheMS
的模块,其中有一个名为 albumService
的服务工厂和 3 个控制器:ListController
、EditController
和 DetailsController
。服务和控制器都依赖于 atTheMS
模块,但我仅从 albumService
收到此错误
Uncaught Error: [$injector:nomod] Module 'atTheMS' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
它说它发生在
(anonymous function) albumService.js:27
(function (app) {
var albumService = function ($http, albumApiUrl) {
var getAll = function () {
return $http.get(albumApiUrl);
};
var getById = function (id) {
return $http.get(albumApiUrl + id);
};
var update = function (album) {
return $http.put(albumApiUrl + album.Id, album);
};
var create = function (album) {
return $http.post(albumApiUrl, album);
};
var destroy = function (album) {
return $http.delete(albumApiUrl + album.Id);
};
return {
getAll: getAll,
getById: getById,
update: update,
create: create,
delete: destroy
};
};
app.factory("albumService", albumService);
}(angular.module("atTheMS")));
使用
(angular.module("atTheMS"))
的其他文件上不会发生该错误,这是复制我拥有的另一个工厂而生成的,除了单词“album”被单词“book”替换并且模块是“atTheLibrary”之外,该工厂完全相同当我在该页面上时没有错误。我很困惑为什么这会有所不同。任何帮助将不胜感激,谢谢。
根据要求,这是视图:
@section scripts {
<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/angular-route.js"></script>
<script src="~/Client/Scripts/Album/albumService.js"></script>
<script src="~/Client/Scripts/Album/atTheMS.js"></script>
<script src="~/Client/Scripts/Album/ListController.js"></script>
<script src="~/Client/Scripts/Album/DetailsController.js"></script>
<script src="~/Client/Scripts/Album/EditController.js"></script>
}
<div data-ng-app="atTheMS">
<ng-view></ng-view>
</div>
<hr />
检查您正在初始化模块的文件 - atTheMS。必须先初始化/加载角度模块,然后才能在该模块中创建工厂。从 HTML 中可以看出,albumService.js 文件是在 atTheMS.js 文件之前加载的。尝试在 atTheMS.js 文件之后加载 albumService.js 文件。
您的 IIFE 格式不正确,基本上是您放错了右括号位置
)
。
应该很简单
代码
(function (app) {
//inner code should be as is
})(angular.module("atTheMS"));