$ routeProvider沒有角

Question

工作，這是我的app.js

var cricketapp = angular.module('cricketapp', ['ngCookies']). 
    config(['$routeProvider', function($routeProvider, $httpProvider, $cookies){ 
     $routeProvider. 
      when('/', { 
       templateUrl: '/partials/games-pending-entry.html', 
       controller: HomeCtrl 
      }). 
      when('game/:gameId',{ 
       templateUrl: 'partials/shortlist.html', 
       controller: ShortlistCtrl 
      }). 
      otherwise({redirectTo: '/'}); 
     //$httpProvider.defaults.headers.post['X-CSRFToken'] = $cookies.csrftoken; 
    }]); 

和controllers.js

function HomeCtrl($scope, $http){ 
    $http.get('/api/games-pending-entry').success(function(data){ 
     $scope.games_pending_entry = data; 
    }); 
} 

function ShortlistCtrl($scope, $http, $routeParams){ 
    $scope.gameId = $routeParams.gameId; 
    $http.get('api/get-players').success(function(data){ 
     $scope.players = data; 
    }) 
} 

，在我的HTML，我打電話的聯繫，

<a class='btn btn-warning' href='#/game/{{ game.id }}'>Enter Shortlist</a> 

當我點擊此鏈接時，我被重定向回到/＃/

我在哪裏錯了？

Answer 1

你$ routeProvider規則是錯誤的：

when('game/:gameId',{ 

應該成爲

when('/game/:gameId',{ 

由於路線不被識別，它重定向到 '/'。改變這一點很可能會解決問題。

此外，您可能會發現ngHref有用的，以避免環節斷了，{{模型}}綁定解決之前：http://docs.angularjs.org/api/ng.directive:ngHref