我正在使用Ng2-Translate我遇到一个问题,一旦加载了应用程序,我就无法看到json文件的翻译。
导入我已完成的任务:
import { TranslateService } from 'ng2-translate';
代码:
ngOnInit() {
this.translations.instant('message');
}
但是,再次访问该组件时,我可以看到正在加载翻译。 我在ngOnInit()中加载此trnaslation。任何人都可以建议为什么它第一次没有加载。
应用模块:
代码:
import { TranslateLoader, TranslateModule, TranslateStaticLoader } from 'ng2-translate';
export function createTranslateLoader(http: Http, config: Configuration) {
return new TranslateStaticLoader(http, config.i18NUrl, '.json');
}
@NgModule({
imports: [
SharedModule.forRoot(),
TranslateModule.forRoot({
provide: TranslateLoader,
useFactory: (createTranslateLoader),
deps: [Http, Configuration],
}),
TranslationUtilModule,
CovalentLayoutModule.forRoot(),
FlexLayoutModule,
BootstrapGrowlModule,
],
declarations: [AppComponent],
providers: [
TranslateModule,
{ provide: Configuration, useFactory: Configuration.createConfiguration(), deps: [] },
],
bootstrap: [AppComponent],
})