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 のパスが正しいか確認してください
• 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次のエラー メッセージが表示された場合、XMLHttpRequest は file:///***&/test/1/page/home/homePage.html をロードできません。リクエストは、http、data、chrome、chrome-extension、https、chrome-extension-resource のプロトコル スキームでのみサポートされます。これは、外部 HTML コードを読み込む必要があるため、フォルダー全体がサーバーで実行されていないことを意味します。 . そのため、ブラウザは禁止されており、ローカル サーバー経由でのみ実行できます (これは google chrome ブラウザで実行されます)。

Firefoxブラウザで直接実行できるようで、サーバーを開く必要もないようです。

コードによってロードされたすべてのモジュールが正しくロードされているかどうか、および ng-app が index.html ページに追加されているかどうかを注意深く確認してください。 🎜 🎜 🎜基本的には以上です。詳しく見てみましょう。お役に立てれば幸いです。 ^_^🎜