Bonjour tout le monde,

J'ai essyé le routing en angularjs1.6 mais le page ne s'affiche pas.

Voila mon projet :

Nom : 462932958.png Affichages : 240 Taille : 19,9 Ko


Le problème :

Nom : 671249447.png Affichages : 287 Taille : 5,1 Ko


Le code :
app.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
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
 
        <script src="angular-1.6.6/angular.js"></script>
        <script src="angular-1.6.6/angular-route.js"></script>    
        <script src="app.js"></script>
        <script src="routing.js"></script>
 
        <!-- Controllers -->
        <script src="src/controllers/categoryController.js"></script>
        <script src="src/controllers/itemController.js"></script>
 
        <!-- Directive-->
        <script src="src/directives/itemDecoratorDirective.js"></script>
        <script src="src/directives/categorieDirective.js"></script>
 
        <!--Service -->
        <script src="src/services/itemProvider.js"></script>
        <script src="src/services/categorieProvider.js"></script>
 
    </head>
 
    <body ng-app="collectify">
            <div ng-view></div>
    </body>
 
</html>

Routing :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
'use strict';
app.config(
        function($routeProvider){
            $routeProvider
            .when('/items/',{
                  controller:'itemList',
                  templateUrl:'views/items/list.html'
                 })
 
        }
);
Controller :

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
 
'use strict'
 
var items=[
    {  'name':'test','category_id':1},
    { 'name':'test2','category_id':1},  
];
 
 
app.service("itemProvider",function(){
   this.getItems=function(){
       return items;
   } 
 
});
app.js :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
 'use strict' ;
 
var app=angular.module('collectify',['ngRoute']);
list.html :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
 <div>
     <h1>IT WORK</h1>
     <div ng-repeat="item in items">
         <p decorate-item></p> 
     </div>
</div>