2013-10-17 75 views
0

我想讓列表中的每個項目都有一個使用$ routeProvider路由到模板的按鈕。但是,當我點擊鏈接時,我總是收到404(它到達正確的地址,但沒有加載頁面)。在獲得此代碼工作的任何幫助將非常感激:Angular routeProvider不加載下一個模板

angular.module('tipOutput', ['firebase', 'filters']) 
    .controller('Tips', ['$scope', 'angularFire', 
    function ($scope, angularFire) { 
    var ref = new Firebase('https://sitename.firebaseio.com/tips'); 
    angularFire(ref, $scope, "tips"); 
    }]) 
    //routing to secondary pages 
    .config(['$routeProvider', function($routeProvider, $locationProvider) { 
    $routeProvider. 
     when('/tips/:tipId', {template: 'partials/tip-detail.html', controller: 'Tips'}). 
     otherwise({redirectTo: '/'}); 
    }]) 

而且,萬一有幫助,這是我的模板代碼:

<html ng-app="TipOutput"> 
<body> 
     <div ng-view></div> 
<script type="text/javascript" src="http://static.firebase.com/v0/firebase.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular-resource.min.js"></script> 
<script src="https://cdn.firebase.com/libs/angularfire/0.3.0/angularfire.min.js"></script> 
<script type='text/javascript' src='https://cdn.firebase.com/v0/firebase-simple-login.js'></script> 
<script src="js/app.js"></script> 
</body> 
</html> 

回答

0

路由到一個頁面中的應用程序是真正的虛擬路線。 webserver軟件如何知道如何處理該網址?你在做什麼將這個網址映射到爲你的應用程序提供服務的html文件?我懷疑你可能需要設置你的httpd,以便它理解正在發生的事情。

相關問題