我的 ngx 翻译器无法在 Ionic4 中获取当前语言

Question

我正在使用ngx-translator包，但它无法在我的应用程序中设置默认语言。

这是我的应用程序模块：

import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { HttpClientModule, HttpClient } from '@angular/common/http';
export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, "./assets/i18n/", ".json");
}
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule,
    TranslateModule.forRoot({
      loader: {
          provide: TranslateLoader,
          useFactory: HttpLoaderFactory,
          deps: [HttpClient]
      }
    }),
    AppRoutingModule, HttpClientModule],
    providers: [
    StatusBar,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

这是我的应用程序.component.ts：

import { TranslateService } from '@ngx-translate/core';
constructor(private translate: TranslateService) {
    this.initializeApp();
    this.translate.setDefaultLang('en');
    }

这是我的tab1.page.ts：

 import { TranslateService } from '@ngx-translate/core';
 language: string = this.translate.currentLang;
 constructor(private translate: TranslateService) { 
 console.log('Default language:', this.translate.currentLang);
 }

当我控制台console.log('Default language:', this.translate.currentLang);时，它在控制台中显示未定义。

这是我的customcomponent.component.html：

  <ion-select (ionChange)='setLanguage()'>
  <ion-select-option value='en' selected='true'>English</ion-select-option>
  <ion-select-option value='ar'>Arabic</ion-select-option>
  </ion-select>

我只是在选定的框中显示选定的语言，但我的currentlang不起作用。

当我打印当前 Lang 时，它显示未定义。

任何帮助都非常感谢。

Answer 1

我也遇到了同样的问题。只需更改应用程序.component.ts

从

this.translate.setDefaultLang('en');

自

this.translate.use('en');

就我而言：

我创建了这样的服务(提供者(

public changeLanguage(langCode:string){
   this.translate.use(langCode);
}

只需从任何组件在函数中传递语言名称

this.serviceProvider.changeLanguage("en");