Bonjour tout le monde,
J'ai essyé le routing en angularjs1.6 mais le page ne s'affiche pas.
Voila mon projet :
Le problème :
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 :
Controller :
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' }) } );
app.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 'use strict' var items=[ { 'name':'test','category_id':1}, { 'name':'test2','category_id':1}, ]; app.service("itemProvider",function(){ this.getItems=function(){ return items; } });
list.html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 'use strict' ; var app=angular.module('collectify',['ngRoute']);
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>
Partager