slam4:richclient:angularjs:routing

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

slam4:richclient:angularjs:routing [2016/03/15 08:30] – [4.1- Création d'une route] jcheronslam4:richclient:angularjs:routing [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
Ligne 109: Ligne 109:
                     templateUrl: 'views/route1-template.html',                     templateUrl: 'views/route1-template.html',
                     controller: 'RouteController',                     controller: 'RouteController',
-                    controllerAs: 'rtCtrl'+                    controllerAs: 'rtCtrl1'
                 }).                 }).
                 when('/route2/:nom', {                 when('/route2/:nom', {
Ligne 173: Ligne 173:
 Il est possible de définir la route par défaut : celle qui sera utilisée si toutes les autres routes ne trouvent pas leur correspondance : Il est possible de définir la route par défaut : celle qui sera utilisée si toutes les autres routes ne trouvent pas leur correspondance :
  
-<sxh javascript;title:app/routing.js;highlight:[11,12]>+<sxh javascript;title:app/routing.js;highlight:[12,13]>
 angular.module("sampleApp").config(['$routeProvider', angular.module("sampleApp").config(['$routeProvider',
        function($routeProvider) {        function($routeProvider) {
Ligne 179: Ligne 179:
                when('/route1', {                when('/route1', {
                    templateUrl: 'views/route1-template.html',                    templateUrl: 'views/route1-template.html',
-                   controller: 'RouteController'+                   controller: 'RouteController', 
 +                    controllerAs: 'rtCtrl1'
                }).                }).
                when('/route2/:nom', {                when('/route2/:nom', {
                    templateUrl: 'views/route2-template.html',                    templateUrl: 'views/route2-template.html',
-                   controller: 'RouteController'+                   controller: 'RouteController', 
 +                    controllerAs: 'rtCtrl2'
                }).otherwise({                }).otherwise({
             redirectTo: '/route1'             redirectTo: '/route1'
Ligne 205: Ligne 207:
  
 Le lien inexistant vers **#/route3** conduit bien maintenant à la route par défaut **route1**  Le lien inexistant vers **#/route3** conduit bien maintenant à la route par défaut **route1** 
- 
- 
 ==== -- Masquage du # dans l'URL ==== ==== -- Masquage du # dans l'URL ====
  
Ligne 213: Ligne 213:
 Pour masquer le # dans les urls utilisées, il est nécessaire d'injecter le service **$locationProvider** dans la configuration du routeur, pour activer le mode html5 : Pour masquer le # dans les urls utilisées, il est nécessaire d'injecter le service **$locationProvider** dans la configuration du routeur, pour activer le mode html5 :
  
-<sxh javascript;title:routing.js;highlight:[1,14,15,16]>+<sxh javascript;title:routing.js;highlight:[1,15,16,17]>
 angular.module("sampleApp").config(['$routeProvider','$locationProvider', angular.module("sampleApp").config(['$routeProvider','$locationProvider',
        function($routeProvider,$locationProvider) {        function($routeProvider,$locationProvider) {
Ligne 219: Ligne 219:
                when('/route1', {                when('/route1', {
                    templateUrl: 'views/route1-template.html',                    templateUrl: 'views/route1-template.html',
-                   controller: 'RouteController'+                   controller: 'RouteController', 
 +                    controllerAs: 'rtCtrl1'
                }).                }).
                when('/route2/:nom', {                when('/route2/:nom', {
                    templateUrl: 'views/route2-template.html',                    templateUrl: 'views/route2-template.html',
-                   controller: 'RouteController'+                   controller: 'RouteController', 
 +                    controllerAs: 'rtCtrl2'
                }).otherwise({                }).otherwise({
             redirectTo: '/route1'             redirectTo: '/route1'
Ligne 281: Ligne 283:
 RewriteRule ^ v_main.html [L] RewriteRule ^ v_main.html [L]
 </sxh> </sxh>
- 
 ===== -- Conservation de variables entre changements de vues ===== ===== -- Conservation de variables entre changements de vues =====
  
  • slam4/richclient/angularjs/routing.1458027008.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)