Angular 1.6 et le routing

**HAM_10** · 19/09/2017, 23h36

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

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>

**Marco46** · 20/09/2017, 17h12

C'est dommage tu donnes tous les détails sauf le plus important : Les logs de la console

**HAM_10** · 21/09/2017, 00h10

le console ne donne rien

Angular 1.6 et le routing

AngularJS

Vue hybride

Discussions similaires

Partager

Partager