Skip to content

Commit 5044245

Browse files
author
Xavier Haniquaut
committed
[fr-FR] Refresh french translation : Routing
1 parent e9678eb commit 5044245

File tree

1 file changed

+77
-7
lines changed

1 file changed

+77
-7
lines changed

i18n/fr-FR.md

Lines changed: 77 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3013,25 +3013,95 @@ Vous pouvez utiliser le [générateur Yeoman HotTowel](http://jpapa.me/yohottowe
30133013
**[Retour en haut de page](#table-des-matières)**
30143014
30153015
## Routage
3016-
Le routage côté client est important pour créer un flux de navigation entre les vues et la composition des vues constituées de nombreux plus petits templates et directives.
3016+
Le routage côté client est important pour créer un flux de navigation entre les vues et composer des vues constituées de nombreux *templates* et directives de plus petites tailles.
30173017
30183018
###### [Style [Y270](#style-y270)]
30193019
3020-
- Utilisez [Routeur AngularUI](http://angular-ui.github.io/ui-router/) pour faire le routage côté client.
3020+
- Utilisez le [routeur d'AngularUI](http://angular-ui.github.io/ui-router/) pour faire le routage côté client.
30213021
3022-
*Pourquoi ?* : UI Router offre toutes les fonctionnalités du routeur Angular plus quelques autres parmis lesquels les routes imbriquées et les états.
3022+
*Pourquoi ?* : `ui-router` offre toutes les fonctionnalités du routeur d'Angular et en ajoute quelques unes parmi lesquelles les routes imbriquées et les états.
30233023
3024-
*Pourquoi ?* : La syntaxe est quasiement similaire au routeur Angular et il est facile de migrer à UI Router.
3024+
*Pourquoi ?* : La syntaxe est similaire à celle du routeur Angular par défaut et il est facile de migrer vers `ui-router`.
3025+
3026+
- Note: Vous pouvez utiliser un *provider* tel que `routerHelperProvider` montré ci-dessous pour vous aidez à configurer les états à travers les fichiers pendant la phase de `run`.
3027+
3028+
```javascript
3029+
// customers.routes.js
3030+
angular
3031+
.module('app.customers')
3032+
.run(appRun);
3033+
3034+
/* @ngInject */
3035+
function appRun(routerHelper) {
3036+
routerHelper.configureStates(getStates());
3037+
}
3038+
3039+
function getStates() {
3040+
return [
3041+
{
3042+
state: 'customer',
3043+
config: {
3044+
abstract: true,
3045+
template: '<ui-view class="shuffle-animation"/>',
3046+
url: '/customer'
3047+
}
3048+
}
3049+
];
3050+
}
3051+
```
3052+
3053+
```javascript
3054+
// routerHelperProvider.js
3055+
angular
3056+
.module('blocks.router')
3057+
.provider('routerHelper', routerHelperProvider);
3058+
3059+
routerHelperProvider.$inject = ['$locationProvider', '$stateProvider', '$urlRouterProvider'];
3060+
/* @ngInject */
3061+
function routerHelperProvider($locationProvider, $stateProvider, $urlRouterProvider) {
3062+
/* jshint validthis:true */
3063+
this.$get = RouterHelper;
3064+
3065+
$locationProvider.html5Mode(true);
3066+
3067+
RouterHelper.$inject = ['$state'];
3068+
/* @ngInject */
3069+
function RouterHelper($state) {
3070+
var hasOtherwise = false;
3071+
3072+
var service = {
3073+
configureStates: configureStates,
3074+
getStates: getStates
3075+
};
3076+
3077+
return service;
3078+
3079+
///////////////
3080+
3081+
function configureStates(states, otherwisePath) {
3082+
states.forEach(function(state) {
3083+
$stateProvider.state(state.state, state.config);
3084+
});
3085+
if (otherwisePath && !hasOtherwise) {
3086+
hasOtherwise = true;
3087+
$urlRouterProvider.otherwise(otherwisePath);
3088+
}
3089+
}
3090+
3091+
function getStates() { return $state.get(); }
3092+
}
3093+
}
3094+
```
30253095
30263096
###### [Style [Y271](#style-y271)]
30273097
30283098
- Définissez les routes pour les vues d'un module à l'endroit où elles existent. Chaque module devrait contenir le routage de ses vues.
30293099
3030-
*Pourquoi ?* : Chaque module devrait avoir la cohérence de définir ses propres routes.
3100+
*Pourquoi ?* : Chaque module devrait être indépendant.
30313101
3032-
*Pourquoi ?* : Si on ajoute ou enlève un module, on souhaite que l'appli ne contienne que les routes vers des vues existantes.
3102+
*Pourquoi ?* : Si on ajoute ou enlève un module, on souhaite que l'application ne contienne que des routes qui aboutissent sur des vues existantes.
30333103
3034-
*Pourquoi ?* : Cela rend facile l'activation ou la désactivation de portions de l'application sans se préoccuper des routes orphelines.
3104+
*Pourquoi ?* : Cela rend facile l'activation ou la désactivation de portions de l'application sans se préoccuper d'avoir des routes orphelines.
30353105
30363106
**[Retour en haut de page](#table-des-matières)**
30373107

0 commit comments

Comments
 (0)