Angular 平移键显示在角度平移之前

Angular 平移键显示在角度平移之前,angular,internationalization,translation,ngx-translate,Angular,Internationalization,Translation,Ngx Translate,我目前面临一个问题,不幸的是,我找不到任何类似的话题。 在Angular应用程序中,在页面加载期间,我们可以在看到翻译之前看到翻译键的时间只有一小部分秒 例如,假设我们有一个主页,标题是“Hello everyone!”的翻译,i18n文件“Hello_everyone”中有一个翻译键:在很短的时间内,“Hello_everyone”将显示出来,然后被翻译为“Hello everyone!” 我们希望尽可能避免这种行为 我们将Angular 10与ngx translate一起使用。 我们的Ap

我目前面临一个问题,不幸的是,我找不到任何类似的话题。 在Angular应用程序中,在页面加载期间,我们可以在看到翻译之前看到翻译键的时间只有一小部分秒

例如,假设我们有一个主页,标题是“Hello everyone!”的翻译,i18n文件“Hello_everyone”中有一个翻译键:在很短的时间内,“Hello_everyone”将显示出来,然后被翻译为“Hello everyone!”

我们希望尽可能避免这种行为

我们将Angular 10与ngx translate一起使用。 我们的AppModule中有以下配置:

从'@angular/platform browser'导入{BrowserModule};
从'@angular/core'导入{LOCALE_ID,NgModule};
从“./app routing.module”导入{AppRoutingModule};
从“./app.component”导入{AppComponent};
从'@angular/common/HTTP'导入{HttpClient,HttpClientModule,HTTP_INTERCEPTORS};
从“./shared/guards/AuthorizationGuard”导入{AuthorizationGuard};
从“@angular/platform browser/animations”导入{BrowserAnimationsModule};
从“environments/environment”导入{environment};
从'@angular/service worker'导入{ServiceWorkerModule};
从“/store”导入{RootStoreModule};
从“./shared/shared.module”导入{SharedModule};
从“@angular/common”导入{CommonModule,registerLocaleData};
从'@ngx translate/core'导入{TranslateLoader,TranslateModule};
从'@ngx translate/http loader'导入{TranslateHttpLoader};
从“时刻”导入*作为时刻;
从“@angular/common/locales/fr”导入localeFr;
导入“@iconfu/svg-inject/dist/svg-inject.min”;
从“./app.constants”导入{ShowLoaderRequestList};
从'@az fr/om common'导入{LoaderInterceptor};
从“./shared/interceptors/AuthTokenInterceptor”导入{AuthTokenInterceptor};
从“ngx tag commander”导入{WindowRef};
从“@allianz/ngx ndbx/icon”导入{NdbxIconModule};
从“./shared/interceptors/FileCachingInterceptor”导入{FileCachingInterceptor};
寄存器本地数据(localeFr);
地点('fr');
@NGD模块({
声明:[
应用组件
],
进口:[
浏览器模块,
BrowserAnimationsModule,
公共模块,
共享模块,
批准模块,
HttpClientModule,
//转换配置
TranslateModule.forRoot({
加载器:{
提供:TranslateLoader,
使用工厂:HttpLoaderFactory,
deps:[HttpClient]
}
})
],
供应商:[
{提供:LOCALE_ID,useValue:'fr'},
],
引导:[AppComponent]
})
导出类AppModule{}
//AOT编译所需
导出函数HttpLoaderFactory(http:HttpClient){
返回新的TranslateHttpLoader(http,‘assets/i18n/’);
}
此外,目前我们的应用程序加载时间很长:你认为这会导致这种行为吗

期待您的建议