AngularアプリでngRouteでモジュールエラーが発生しました

Question

URLのidパラメータに基づいて、JSONの特定のIDのコンテンツを表示するアプリの機能をセットアップしようとしています。コンソールでエラーが表示されるModule 'app' is not available! You either misspelled the module name or forgot to load it. URLはurl-to-site/app/{id#}で、JSONでオブジェクトのID番号を入力すると、ビューはそのIDの詳細に対応するように変更されます。

JS：

私は現在、私の設定としてこれを持って

angular.module('app', ['ngRoute']) 
.config(function ($routeProvider, $locationProvider) { 
    $routeProvider.when('/:id', { 
     templateUrl: 'index.html' 
     controller: 'appController' 
    }); 
}) 

.controller('appController', function($routeParams,$scope, $http) { 
    console.log($routeParams.id); 
    $scope.indexToShow = 0; 
    $http.get("shows.json") 
     .then(function(response) { 
     // console.log(response); 
     $scope.results = response.data; 
     }); 
     $scope.changeNext = function(){ 
     $scope.indexToShow = ($scope.indexToShow + 1) % $scope.results.length; 
     }; 
     $scope.changePrevious = function(){ 
     if($scope.indexToShow != 0){ 
      $scope.indexToShow = ($scope.indexToShow - 1) % $scope.results.length; 
     } 
     }; 
}); 

HTML

<div ng-app="app"> 
<div ng-controller="appController"> 
    ...template code 
</div> 
</div> 

JSON：私は全然わからないんだけど

[ 
    { 
    "id": 1, 
    "title": "Title 1", 
    "count": 54, 
    "image_location": "images/image-name.jpg" 
    } 
] 

Answer 1

、しかし、おそらくそれはあなたが忘れてしまったので問題ですルートの設定で '、'を指定してください。

$routeProvider.when('/:id', { 
    templateUrl: 'index.html' ,// <-- HERE 
    controller: 'appController' 
});