Différences

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

--- lang:angular:traduction [2021/10/10 18:26] – Ajout d'un exemple d'utilisation pour "globalize.js" root
+++ lang:angular:traduction [2021/10/10 18:49] (Version actuelle) – [Sources] : ajout du lazy load pour ngx-translate root
@@ Ligne 272: / Ligne 272: @@
 </file>
+===Lazy load===
+Pour éviter de devoir charger toutes les langues possibles, il faut charger dynamiquement les locales.
+<code javascript>
+import { registerLocaleData } from '@angular/common';
+const locale = await import(
+  /* webpackInclude: /(en|fr)\.js$/ */
+  '@angular/common/locales/' + selectedLang
+);
+registerLocaleData(locale.default, selectedLang);
+translate.use(selectedLang);
+</code>
+Ici, translate est ''TranslateService''.
+L'utilisation de ''webpackInclude'' permet de ne pas charger toutes les langues mais uniquement celles supportées.
+[[https://medium.com/angular-in-depth/dynamic-import-of-locales-in-angular-b994d3c07197|Dynamic Import of Locales in Angular]] {{ :lang:angular:traduction:dynamic_import_of_locales_in_angular_by_michael_karen_angular_in_depth_medium_2021-10-10_18_22_30_.html |Archive du 14/11/2018 le 10/10/2021}}
 ====Traduction====