angular - Ng2-Translate 加载 json 懒惰

Question

我正在使用 Ng2-Translate 我面临一个问题，即一旦加载应用程序，我就无法从 json 文件中看到翻译。

我已经完成的导入：

import { TranslateService } from 'ng2-translate';

代码：

ngOnInit() {
    this.translations.instant('message');
}

但是，当再次访问该组件时，我可以看到正在加载翻译。我在 ngOnInit() 中加载这个翻译。任何人都可以建议为什么它没有在第一次加载。

应用模块：

代码：

   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],
})