Ошибка модуля с ngRoute в Angular app

Question

Я пытаюсь настроить функцию для приложения, которое отобразит содержимое данного идентификатора из JSON на основе параметра id в URL-адресе. Я получаю сообщение об ошибке в консоли Module 'app' is not available! You either misspelled the module name or forgot to load it. URL-адрес должен быть url-to-site/app/{id#}, и, введя id # объекта в JSON, представление должно измениться в соответствии с данными этого идентификатора.

настоящее время у меня это как мои настройки:

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' 
});