ngx-traduire ne trouve pas l'URL

Question

Je veux traduire mon texte statique dans mon application. la sortie après l'exécution de l'application est dans mon exemple TEST. comme le nom de ma variable. Je pense que le problème est l'URL. Seule l'URL complète comme cet exemple fonctionne, et je ne sais pas pourquoi.

J'ai utilisé NGX-translate dans mon application angulaire sur asp.core 2.

Je mets ma la fonction createTranslateLoader dans mes app.module.shared.ts. Il est chargé par app.module.browser.ts et app.module.server.ts.

imports: [ 
     ..., 
     TranslateModule.forRoot({ 
      loader: { 
       provide: TranslateLoader, 
       useFactory: (createTranslateLoader), 
       deps: [Http] 
      } 
     }),...] 

et

export function createTranslateLoader(http: Http) { 
    console.log(http); 
    return new TranslateHttpLoader(http, 'http://localhost:56601/i18n/', '.json'); 
} 

Ma langue par défaut est l'allemand 'de'. J'ai mis mon de.json dans wwwroot/i18n/de.json.

Enfin pas modifier mon app.component.ts

export class AppComponent { 
     constructor(private translate: TranslateService 
) { 
      translate.addLangs(['en', 'de']); 
      translate.setDefaultLang('de'); 
      translate.use('de'); 
      //let browserlang = translate.getBrowserLang(); 
      //translate.use(browserlang.match(/en|de/) ? browserlang : 'de'); 
     } 

} 

et mon app.component.html

<p style="color:wheat">{{ 'TEST' | translate }}</p> 

Mon de.json ressemble

{ 
    "TEST": "Deutscher Test" 
} 

Answer 1

Déménagement dossier i18n aux actifs pourrait résoudre votre problème. Et puis aussi createTranslateLoader Sa modification:

export function HttpLoaderFactory(http: Http) { 
    return new TranslateHttpLoader(http, './assets/i18n/', '.json'); 
} 

Answer 2

Après fonctionne très bien pour moi avec ASPNET.Core et NGX-translate

export function translateLoaderFactory(http: Http) { 
    return new TranslateStaticLoader(http, './i18n/', '.json'); 
} 

Mes fichiers de ressources sont dans le wwwroot/i18n/Le même dossier que le vôtre.