2015-10-30 36 views
2

因此,我對AngularJS很感興趣,試圖構建我的第一個應用程序。我被困在路由中。第一行工作,只是在網站進入時加載視圖,但下一個只是告訴我「找不到對象」。AngularJS路由器實際上不會路由很多

現在我是一個真正的noob。我只是在一個普通的MAMP堆棧上運行它。

這是我寫的JS代碼:

angular.module("Portfolio", ['ngRoute', 'ngProgress']); 

angular.module("Portfolio").config(function($routeProvider, $locationProvider) { 
    $routeProvider.when('/', { 
     templateUrl: '/assets/pages/home.php', 
     controller: 'MainController' 
    }).when('/test', { 
     templateUrl: "assets/pages/test.php", 
     controller: 'MainController' 
    }); 
    $locationProvider.html5Mode(true); 
}); 

我敢肯定,有一個在HTML沒有錯誤,因爲其餘代碼工作得很好。

那麼我在這裏做錯了什麼?謝謝。

+4

有數百** **的與此相關的話題在計算器上已經問題。 'html5Mode'需要在**服務器**和客戶端上進行更改。請參閱'$ routeProvider'或[本文]的角度文檔(https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to -work-with-html5mode)由編寫'ui-router'的人編寫,以便爲您的服務器完成一些需要完成的任務。 – Claies

回答

0
angular.module("Portfolio", ['ngRoute', 'ngProgress']); 

angular.module("Portfolio").config(function($routeProvider, $locationProvider) { 
    $routeProvider.when('/', { 
     templateUrl: '/assets/pages/home.php', 
     controller: 'MainController' 
    }).when('/test', { 
     templateUrl: "/assets/pages/test.php",/* your previous template url is not correct.*/ 
     controller: 'MainController' 
    }); 
    $locationProvider.html5Mode(true); 
}); 
0

插入/在這個路由

templateUrl: "/assets/pages/test.php",