ngx-translate URLが見つからない

Question

私のアプリで静的なテキストを翻訳したいと思います。アプリケーションを実行した後の出力は、私のテストTESTにあります。私の変数の名前のように。私は、問題はURLだと思う。この例のような完全なURLだけが動作し、私は理由を知らない。

私はapp.module.shared.tsの私createTranslateLoader機能を置く2.

asp.coreに私の角のAppでNGX-変換に使用。これはapp.module.browser.tsとapp.module.server.tsによって読み込まれます。

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

と

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

私のデフォルトの言語は、「デ・ドイツ語です。私はwwwroot/i18n/de.jsonに私のde.jsonを入れました。私は私のde.jsonが

{ 
    "TEST": "Deutscher Test" 
} 

Answer 1

の移動のように見える私の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'); 
     } 

} 

と私のapp.component.html

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

を修正する最後のステップ

i18nフォルダをアセットに追加すると、問題が解決する場合があります。 そしてまたcreateTranslateLoaderを変性する：

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

Answer 2

ASPNET.Coreと私のために正常に動作し、NGX-翻訳

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

マイリソースファイルされた後は、あなたと同じwwwrootに/国際化/フォルダの中にあります。