Question

我尝试在我的应用程序中使用AngularJs，但是我偶然发现了一个错误。

这些是我收录的3个文件：

<script src="app/lib/angular/angular.js"></script>
<script src="app/lib/angular/angular-route.min.js"></script>
<script src="app/app.js"></script>

mainCtrl.js：

angular.module('mainCtrl', [])

    .controller('mainController', function($scope, $http, User) {
        $scope.loading = true;

        User.get()
            .success(function(data) {
                $scope.users = data;
                $scope.loading = false;
            });
    });

userService.js：

angular.module('userService', [])

    .factory('User', function($http) {

        return {
            get : function() {
                return $http.get('/api/users/get');
            }
        }

    });

app.js：

var userApp = angular.module('userApp', ['mainController', 'userService']);

现在，当显示应加载我的用户的视图时，它会在控制台中告诉我：

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module userApp due to:
Error: [$injector:modulerr] Failed to instantiate module mainController due to:
Error: [$injector:nomod] Module 'mainController' is not available!

我添加到<body> - 标记：

ng-app="userApp" ng-controller="mainController"

为什么？

Answer 1

尝试替换它：

angular.module('mainCtrl', [])

用这个：

angular.module('mainController', [])

在mainCtrl.js

中

Angular“Module'mainController'不可用！”

1 个答案: