ngRoute not working Angularjs App

Question

다음 코드는 올바른 템플릿을 가져 오지만 데이터를로드하지 않으며 ngRoute 때문이지만 확실하지는 않습니다.

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에 나는이있다 :

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

컨트롤러 코드는 다음과 같습니다

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