在 ngOnInit() 方法中使用 angular 翻译

Question

我是 angularJs 的新手。对于在 ngOnInit() 中定义为数组的标签，我无法在 ngOnInit() 方法中使用翻译服务。

import { TranslateService } from '@ngx-translate/core';
import {
  getLanguage
} from 'src/app/utils/localstorage.utils';


export class ViewModificationApprovalComponent implements OnInit {
constructor(
private httpService: HttpService,
public translate: TranslateService


) {
    translate.addLangs(['en', 'es']);
    translate.setDefaultLang(getLanguage());
  }

ngOnInit() {
    // this.translate.addLangs(['en', 'es']);
    // this.translate.setDefaultLang(getLanguage());
      payload: {
        profileName: 'channelProfile',
        schema: [
          {
            name: 'basic',
            label: 'Basic',
            sections: [
              {
                name: 'personalInformation',
                label: 'Personal Information',

我需要将标签 'Personal Information' 翻译成其他语言。当我试图通过使用 label 来做到这一点时：this.translate.instant('lang.info')，它只是显示 lang.info 而不是翻译的语言出去。可能是无法访问 this.translate 服务

Answer 1

您可能没有正确设置键 -> 翻译字典，TranslateService 将使用它来将给定文本转换为特定语言。您可以考虑使用 translateService.setTranslation(languageKey, jsonKeyToTranslationObject); 函数或使用加载程序。详情可见here.

在 ngOnInit() 方法中使用 angular 翻译

Using angular translate inside the ngOnInit() method

angular

typescript

angular-translate