Angularjs routage ne fonctionne pas

Tout a bien fonctionné jusqu'à ce que j'ai essayé d'ajouter de routage. J'ai lu que Angularjs version 1.2+ exige "ngRoute" comme une dépendance (j'utilise la version 1.2.16). Je l'ai ajouté mais cela ne fonctionne toujours pas. Ci-dessous sont mes codes.

test.html (Page Principale)

<html ng-app="demoApp">
<head>
    <title></title>
</head>
<body>
    <p>Front Page</p>
    <div ng-view></div>
    <script src="angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-route.js"></script>
    <script src="testjs.js"></script>
</body>
</html>

testjs.js

demoApp = angular.module('demoApp',['ngRoute']);

demoApp.config(function ($routeProvider) {

    $routeProvider.when('/', {
        controller: 'SimpleController',
        templateUrl: '/partials/first.html'
    });

});

var controllers = {};
controllers.SimpleController = function ($scope){
    $scope.first = "Info";
    $scope.customers=[
        {name:'jerry',city:'chicago'},
        {name:'tom',city:'houston'},
        {name:'enslo',city:'taipei'}
    ];
};
demoApp.controller(controllers);

first.html

<div>
    <input type="text" ng-model="name"/>
    </br>
    {{first}}
    </br> 
    <ul>
        <li ng-repeat="cust in customers | filter:name">{{cust.name | uppercase}} - {{cust.city}}</li>
    </ul>   
</div>
Il y a un lien vers une photo de mon répertoire de travail: postimg.org/image/979tsaecd
êtes-vous sûr que c'est la syntaxe correcte: demoApp.contrôleur(contrôleurs) ? Je ne trouve pas de référence.
oui, je l'ai vu dans ce tutoriel: youtube.com/watch?v=Uj-KLCTsQrw .
Je vais essayer de trouver l'exacte vidéo temps où j'ai trouvé le code. donnez-moi une seconde.
désolé c'est en fait dans cette vidéo: youtube.com/watch?v=rAyEGv67P-U . Et il est à 10 minutes et 21 secondes dans la vidéo

OriginalL'auteur yellowbyte | 2014-04-17

  1. 11

    Ici est le plus de la configuration de base possble, je vais essayer de faire un autre avec votre code:
    http://plnkr.co/edit/sN9TagVBOdX3mkrxaTiu?p=preview

    MODIFIER mis à jour avec l'exemple de code. Tout semble être au travail?

    EDIT 2 le problème est que l'OP n'était pas en cours d'exécution d'un serveur web. Ng-Route a besoin d'un serveur web pour fonctionner correctement.

    Merci! Je vais essayer de voir quel est le problème avec mes codes. Merci bien!
    apparemment, j'ai eu cette erreur "XMLHttpRequest ne peut pas charger file:///partials/first.html. Origine de la croix demandes sont prises en charge uniquement pour HTTP." Je vais essayer de le réparer maintenant. Merci!
    essayez d'utiliser partials/first.html (sans slash)
    toujours le même résultat. Je crois que j'ai trouvé la réponse: stackoverflow.com/questions/19847252/... . Vraiment apprécié ur de l'aide.
    c'est exactement le cas. Tout fonctionne lorsque je l'exécute sur un serveur web

    OriginalL'auteur Yoeri

  2. 5

    Mon routage ne fonctionnait pas parce qu'il y avait un point d'exclamation inséré dans l'url quand j'ai essayé de naviguer à mes itinéraires. J'ai ajouté $locationProvider comme ce

    app.config(function($routeProvider, $locationProvider) {
    $locationProvider.hashPrefix('');

    pour supprimer le point d'exclamation et mon modèle de points de vue ont commencé à apparaître quand je navigue. J'ai trouvé la réponse ici Point d'Exclamation après le dièse (#!) en application angularjs

    OriginalL'auteur gary69