Angularjs路由：無法讀取未定義的屬性「路徑」

Question

我試圖觸發控制器中的函數內部的angularJS路由，但它會拋出「未捕獲的TypeError：無法讀取未定義的屬性'路徑'」。無法真正看到我錯過了$位置注入的位置，猜測它是原因。

var gameApp = angular.module('gameApp', ['ngRoute']); 

gameApp.config(function($routeProvider, $locationProvider, $provide) { 
    $locationProvider.html5Mode(true); 
    $routeProvider 

    // route for the home page 
    .when('/', { 
    templateUrl : 'home.html', 
    controller : 'mainController' 
    }) 

    // route for the game page 
    .when('/game', { 
    templateUrl : 'game.html', 
    controller : 'gameController' 
    }) 

    // route for the game over page 
    .when('/game-over', { 
    templateUrl : 'game-over.html', 
    controller : 'mainController' 
    }) 

    // default 
    .otherwise({ 
    redirectTo: '/' 
    }); 
}); 

我的遊戲控制器的一部分，當我使用路由器

gameApp.controller('gameController', ['$scope', '$location', function($scope, $location){ 
    function gameLost($location){ 
     var check = false; 
     console.log ('You lose! Your score is ') 
     $location.path('/game-over'); 

}]）

Answer 1

看看這段代碼：

function gameLost($location) { 
     var check = false; 
     console.log ('You lose! Your score is ') 
     $location.path('/game-over'); 
} 

除非你調用這個函數像這樣gameLost($location)（我懷疑）$location將最終成爲未定義的LO cal功能範圍，覆蓋來自父閉合範圍的$location服務。

所以，我認爲，所有你需要做的是從gameLost函數定義中刪除$location paremeter：

function gameLost() { 
     var check = false; 
     $location.path('/game-over'); 
}