angular.js - 關於angular路由的問題

Question

想用angular裡的routeProvider和template來做content部分的視圖切換，為什麼這樣寫並不能實現？代碼如下。
PS後台非NODE

index.html

...
    <p id="content-holder">
        <p ng-view></p>
    </p>
...

route.js：

var myApp = angular.module('myApp',['ngRoute']);
myApp.config(['$routeProvider',function($routeProvider){
    $routeProvider
        .when('/',{
            templateUrl:"page/home/homePage.html",
            controller:"contentController"
        })
        .otherwise({
            redirectTo: '/'
        });
}]);

myApp.controller("contentController",function(){
    ...
});

homePage.html：

    <p id="content" data-role="content">
        ...
    </p>

Answer 1

我按照你的程式碼跑了一邊是可以運行的，我估計你的錯誤可能會出現在下面這幾個步驟中：

• 那個homePage.html的路徑你看看對不對
• 你可以看看你的控制台出現的訊息，如果是下面的錯誤訊息XMLHttpRequest cannot load file:///******/test/1/page/home/homePage.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.说明你的整个文件夹不是在一个服务器下运行，因为要加载外部的html代码，所以浏览器是禁止的，只有通过本地的一个服务器才可以运行（这个是在google chrome瀏覽器中實踐的）。
• 在火狐瀏覽器中好像是可以直接運作的，好像不需要開伺服器。
• 仔細檢查一下你的程式碼所載入的模組是否都載入完成了，是否正確，還有在index.html页面中是否添加ng-app。

基本上就是這些了，你可以仔細看看，希望可以幫助你。 ^_^