Routing angular js

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:

---

1 2 3 4

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

---

Voici mon fichier routing.js

Code:

---

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

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

Rem2: passe à Angular2

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

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:

---

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:

---

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:

---

$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.

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

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