angularjs - エラーの原因となる AngularJS コントローラー

Question

ユーザーの選択に応じて 2 つの異なるビューを表示する以外に何もしない、非常に単純なアプリケーションがあります。このアプリケーションは、AngularJS でルートがどのように機能するかを学ぶための足がかりです。

私の問題はこれです。

ブラウザで実行すると、アプリケーションは問題なくインデックスビューに移動します。これは、インデックスビューがコントローラーを参照しないためです。ただし、ユーザービューはコントローラーを参照 (必要) します。これにより、スローされる例外が Arguement 'XCtrl' is not a function, got undefined であるという問題が発生します。

私の主なインデックスは次のとおりです。

<html>
<head><title></title></head>
<body>
<div ng-view></div>
</body>
</html>

私の主なapp.jsは次のとおりです。

angular.module('app.controllers', []);

var controllers = angular.module('app.controllers', []);

angular.module('app', ['app.controllers'])
.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/', {
            templateUrl: 'views/index.html'
        })
    $routeProvider.when('/users', {
            templateUrl: 'views/users.html',
            controller: 'UserCtrl'
        }).
        otherwise({ redirectTo: '/' });
}]);

私のコントローラーは：

appControllers.controller('UserCtrl', ['$scope', function ($scope) {
    $scope.users = {
        user: {name: "Ian", age: 30 },
        user: {name: "Paul", age: 37 }
    };
}]);

user.html

<div ng-repeat="user in users">{{user.name}} {{ user.age }}</div>

index.html

<h1>index</h1>

私が間違っているところを誰でも見ることができますか？どんな助けでも素晴らしいでしょう

編集：

これが役立つ場合は、ブラウザからのスタックトレースを次に示します。

また：

www.testapp.com は、誰かが試してアクセスできない場合に備えて、外部アクセスのないローカルでホストされているサーバーです。

angularjs - エラーの原因となる AngularJS コントローラー

2 に答える 2

Related

Reference