Angular 9 ngx-translate универсальный, как загрузить переводы до загрузки приложения? - PullRequest
Новая
       24

Angular 9 ngx-translate универсальный, как загрузить переводы до загрузки приложения?

1 голос
/ 17 апреля 2020

У меня есть angular универсальное приложение + pwa + ngx-translate, и теперь у меня есть небольшая ошибка / ошибка. Когда я загружаю свое приложение, я могу видеть, как 300-500 мс, все непереведенные тексты (ключи), такие как common.back, common.next, а затем они изменяются на значения перевода, такие как next и back,

Как загрузить перевод до загрузки страницы на angular универсальный?

Это мои настройки:

app.module: 

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

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

app.server.module: 

import { NgModule } from '@angular/core';
import { ServerModule, ServerTransferStateModule } from '@angular/platform-server';
import { BrowserModule } from '@angular/platform-browser';

import { AppModule } from './app.module';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    AppModule,
    ServerModule,
    ServerTransferStateModule,
    BrowserModule.withServerTransition({ appId: 'autorent' }),
  ],
  bootstrap: [AppComponent],
})
export class AppServerModule { }

app.browser.module: 

import { NgModule } from '@angular/core';
import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';

import { AppModule } from './app.module';
import { AppComponent } from './app.component';
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    AppModule,
    BrowserModule.withServerTransition({ appId: 'autorent' }),
    BrowserTransferStateModule,
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
    BrowserAnimationsModule
  ],
  bootstrap: [AppComponent],
})
export class AppBrowserModule { }

Если вам нужна другая информация, в которой я сомневаюсь, просто напишите в комментариях, и я предоставлю.

...