ngRoute не работает Angularjs App

Question

Следующий код отображает правильный шаблон в порядке, но он не загружает никаких данных, и я думаю, что это из-за ngRoute, но не уверен.

angular.module('PremierLeagueApp', [ 
    'PremierLeagueApp.services', 
    'PremierLeagueApp.controllers', 
    'ngRoute' 
]). 

config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when("/teams", {templateUrl: "partials/teams.html", controller: "teamsController"}). 
    when("/teams/:id", {templateUrl: "partials/team.html", controller: "teamController"}). 
    otherwise({redirectTo: '/teams'}); 
}]); 

Код контроллер выглядит так:

angular.module('PremierLeagueApp.controllers', []). 
    controller('teamsController', function($scope, footballdataAPIservice) { 
    $scope.teamsFilter = null; 
    $scope.teamsList = []; 

    footballdataAPIservice.getTeams().success(function (response) { 
     //Dig into the response to get the relevant data 
     $scope.teamsList = response; 
    }); 
    }). 

    /* Driver controller */ 
    controller('teamController', function($scope, $routeParams, footballdataAPIservice) { 
    $scope.id = $routeParams.id; 
    $scope.fixtures = []; 
    $scope.team = []; 


    footballdataAPIservice.getFixtures($scope.id).success(function (response) { 
     $scope.fixtures = response; 
    }); 

    footballdataAPIservice.getTeam($scope.id).success(function (response) { 
     $scope.team = response; 
    }); 


    }); 

и в team.html у меня есть это:

<tr ng-repeat="fixture in fixtures.fixtures"> 
     <td>{{$index + 1}}</td> 
     <td>{{fixture.awayTeam}}</td> 
     </tr> 

Кто-нибудь видел, что может быть не так? Благодаря!

Answer 1

Использование DI, определяют маршруты в одном модуле в качестве контроллера:

angular.module('PremierLeagueApp.controllers'). 
config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when("/teams", {templateUrl: "partials/teams.html", controller: "teamsController"}). 
    when("/teams/:id", {templateUrl: "partials/team.html", controller: "teamController"}). 
    otherwise({redirectTo: '/teams'}); 
}]);