2015-10-24 1 views
0

Je n'arrive pas à faire fonctionner correctement mon $ routeProvider.

Je le code suivant:

"use strict"; 

(function() { 
    angular.module("websiteApp", ["ngRoute"]) 

     .config(["$routeProvider", function($routeProvider){ 
      $routeProvider 
       .when("/example", { 
        templateUrl: "partials/example.html", 
        controller: "ExampleController" 
       }) 
       .otherwise({ 
        redirectTo: "/" 
       }); 
     }]); 
})(); 

mais quand je navigue à localhost/example je reçois 404 Not Found. Où vais-je mal?

+0

Avez-vous le vrai examen? pleController appartenant à l'application, ou est-ce juste une valeur factice? – mhmtztmr

+0

Jetez un oeil à cet article, peut-être vous rencontrez des problèmes similaires http://stackoverflow.com/questions/20307655/404-error-with-angularjs-templateurl-routing –

+0

@mhmtztmr J'ai un vrai 'ExampleController' – rj93

Répondre

1

Tout simplement vous utilisez la mauvaise URL. À moins que vous définissez $locationProvider.html5Mode(true); tous les chemins angulaires seront hachage basée et inclure # dans les

Essayez

http://localhost#/example 

Vous devez également inclure le hachage dans toute href vous utilisez également

<a href="#/example"> 

Notez que html5Mode nécessite également la configuration du serveur si vous décidez de l'implémenter

+0

Où faire Je déclare ceci? Dans la config? – rj93

+0

oui mais seulement si vous êtes prêt à configurer le serveur également – charlietfl