Bonsoir a tous,
j'essaie de faire du routage avec ngRoute et j'ai l'erreur 404 not found. Quand j'ai essaye de fouiller sur le net, il semble que c'est a cause de # dans l'url. J'essaie donc de l'enlever avec $locationProvider.html5Mode(true) dans app.js et <base href="/"> mais rien n'y fait. S'il vous plait j'ai besoin d'aide.
Mes codes sont les suivants
index.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 <!DOCTYPE html> <html ng-app="app"> <head> <base href="/"> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-route.min.js"></script> <script src="app/app.js"></script> <script src="app/services/service.js"></script> <script src="app/controller.js"></script> </head> <body ng-controller="Ctrl as user"> <div> <label>Email</label><br> <input type="text" /><br> <label>Password</label><br> <input type="text" <br> <button ng-click="user.login()" type="button">ajouter</button> </div> </body> </html>
app.js
controleur.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 var app = angular.module('app', ['ngRoute']); app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $locationProvider.html5Mode(true); $routeProvider .when("/", { templateUrl: "index.html" }) .when("/enreg", { templateUrl: "enreg.html" }) .when("/login", { templateUrl: "login.html" }) .otherwise({ redirectTo: "/" }); }]);
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 var app = angular.module('app'); (function () { 'use strict'; var injectParams = ['service','$scope', '$window', '$location']; function Ctrl(service, $scope, $window, $location) { var user = this; function login() { service.login(user.email, user.password) .then(function (response) { if (response) { $location.path("/login"); } else { console.log('erreur') } }) } }; Ctrl.$inject = injectParams; app.controller('Ctrl', Ctrl) })();
Partager