Discussion :

[christophelsm2]

Bonjour à tous, je suis nouveau sur Angular JS et je ne comprend pas pourquoi mes routes ne fonctionnent pas correctement.
Voici mon code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<a href="#/">items</a><br>
    <a href="#/cat">categories</a>
<div ng-view></div>

Voici mon fichier routing.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
17
 
'use strict';
 
app.config(
    function ($routeProvider) {
        $routeProvider
            .when('/', {
                controller: 'itemList',
                templateUrl: 'views/item/list.html'
            })
            .when('/cat', {
                controller: 'categoryList',
                templateUrl: 'views/category/categories.html'
            })
 
    }
);

Ce que je ne comprend pas c'est que le premier fonctionne très bien, mais dès que j'essaye de remplacer '/' par autrechose cela ne fonctionne plus ???
Quelqu'un pourrait-il m'aider ?

Amicalement,
Christophe

[hotcryx]

'/' c'est le root du site.
Je remarque que tes URL <a href='#'...> pointent vers le root
Donc forcement, tu devrais changer ces liens.

Rem2: passe à Angular2

[christophelsm2]

Peux tu détailler un peu ? en quoi mes url ne sont elle pas bonnes ?

[christophelsm2]

J'ai trouvé la solution. Si ça arrive à quelqu'un je partage : En fait je suis sur Mac et le navigateur ajoutais un "!" dans mes url juste après le # (je sais pas trop pourquoi encore) du coup mes routes ne fonctionnaient pas.
J'ai modifié mon fichier routing.js en ajoutant cette solution que j'ai eu du mal à trouver sur le web :

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
22
 
'use strict';
 
app.config(
    function ($routeProvider, $locationProvider) {
        $locationProvider.hashPrefix('');
        $routeProvider
            .when('/items', {
                controller: 'itemList',
                templateUrl: 'views/item/list.html'
            })
            .when('/cat', {
                controller: 'categoryList',
                templateUrl: 'views/category/categories.html'
            })
            .when('/create', {
                controller: 'itemCreate',
                templateUrl: 'views/item/create.html'
            })
 
    }
);

et mes liens dans le html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<a href="#/items">items</a><br>
	<a href="#/cat">categories</a><br>
	<a href="#/create">créer un item</a>
	<div ng-view></div>

Et maintenant tout fonctionne. Par contre si quelqu'un peut m'expliquer je veux bien. J'ai bien compris que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $locationProvider.hashPrefix('');

supprimait le "!" après le "#" dans mes url mais ce que je ne comprend toujours pas c'est pourquoi mon navigateur (chrome ou firefox) ajoutaient ce fichu "!" dans mes url.

[hotcryx]

Ce lien ne devait probablement pas fonctionner car il dirige vers le root du site:
<a href="#/">items</a><br>

[christophelsm2]

Regarde le post juste au dessus, je l'ai modifié.
Merci pour ton aide.