angulaire.js - Questions sur le routage angulaire
高洛峰
高洛峰 2017-05-15 16:52:23
0
1
582

Je souhaite utiliser routeProvider et template en angulaire pour changer la vue de la partie contenu. Pourquoi cela ne peut-il pas être réalisé en écrivant de cette façon ? Le code est le suivant.
L'arrière-plan PS n'est pas 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>
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(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. ^_^

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal