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

Je l'ai exécuté selon votre code et cela fonctionne. J'estime que votre erreur peut apparaître dans les étapes suivantes :

• Pouvez-vous voir si le chemin de homePage.html est correct ?
• Vous pouvez vérifier les informations qui apparaissent sur votre console. S'il s'agit du message d'erreur ci-dessous 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. cela signifie que l'intégralité de votre dossier ne s'exécute pas sous un serveur. Car du code html externe doit être chargé, le navigateur est interdit. . Oui, il ne peut être exécuté que via un serveur local (cela se pratique dans le navigateur google chrome).
• Il semble qu'il puisse être exécuté directement dans le navigateur Firefox, et il semble qu'il ne soit pas nécessaire d'ouvrir un serveur.
• Vérifiez attentivement si tous les modules chargés par votre code ont été chargés correctement et si index.html a été ajouté à la page ng-app.

C'est en gros ça, vous pouvez regarder de plus près, j'espère que ça pourra vous aider. ^_^