Le fichier de traduction angulaire (ngx-translate) est chargé deux fois

Question

J'ai remarqué, dans l'onglet réseau des outils de développement du navigateur, que mon fichier de traduction de l'application Angular est chargé deux fois.

Qu'est-ce qui ne va pas? Est-ce que cela devrait se produire?

Answer 1

Cela peut se produire si la langue que vous utilisez et la langue par défaut défini avec NG2-translate de TranslateService, sont les mêmes.

Mauvais:

constructor(translate: TranslateService) { 
    const DEFAULT_LANG = 'en'; 
    const userLang = translate.getBrowserLang(); 

    translate.setDefaultLang(DEFAULT_LANG); 
    translate.use(userLang); 
    } 

Solution proposée:

constructor(translate: TranslateService) { 
    const DEFAULT_LANG = 'en'; 
    const userLang = translate.getBrowserLang(); 

    if (userLang !== DEFAULT_LANG) { 
     translate.setDefaultLang(DEFAULT_LANG); 
    } 

    translate.use(userLang); 
    } 

Ceci est encore discuté dans ce ngx-translate issue.

Remarque: vous devriez probablement exécuter cette logique dans un service qui surveille lorsque la langue de l'utilisateur est modifiée.