使用與Angular.js路由時404錯誤

Question

我試圖設置角度和angularfire的路由，但我有麻煩。

var app = angular.module('sampleApp', ['ngRoute', 'firebase', 'ui.bootstrap']); 

app.config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
     templateUrl: 'index.html', 
     controller: 'SampleCtrl' 
     }) 
     .when('/login', { 
     templateUrl: 'views/login.html', 
     controller: 'LoginCtrl' 
     }) 
     .otherwise({ 
     redirectTo: '/' 
     }); 

    }); 

app.controller('LoginCtrl', function($scope, $firebase){ 
    console.log('LoginCtrl') 
}) 

，當我試着打本地主機：8000 /登錄我收到以下錯誤消息

Error code explanation: 404 = Nothing matches the given URI. 

我怎樣才能建立與ngRoute和AngularFire簡單的路線？

Answer 1

使用默認路由器時，您需要在url中使用散列。

localhost:8000/#/login 

如果你想刪除散列，那是另一回事。

您需要使用$locationProvider並將html5Mode()設置爲true。從那裏您將不得不停止使用$window.location.href更改路線並使用$location.path()。

然後，你必須得到一個服務器或使用像Firebase Hosting支持URL rewrites服務。

Answer 2

play-around $ location here（請參閱「測試輸出」部分，這有助於我理解$路由），希望這有助於。

http://ngtutorial.com/learn/route.html#/_tblcontents_5