NGX 在 .Ts 文件中翻译 - Angular答案

【问题标题】：NGX Translate in .Ts File - AngularNGX 在 .Ts 文件中翻译 - Angular
【发布时间】：2020-03-10 03:12:50
【问题描述】：

目前我的一个 .ts 文件中有这个方法：

 clearFavourites() {
    if (this.language === 'en') {
      this.dialogs.confirm('Do you want to clear your favourite apps?', 'Clear Favourites', ['Yes', 'No'])
        .then(val => {
          console.log('Dialog dismissed' + val);
          if (val === 1) {
            this.resetFavIcons();
            this.storage.remove('FavAppList');
            this.storage.set('FavHasChanged', 'yes');
          }
        })
        .catch(e =>
          console.log('Error displaying dialog', e)
        );
    } else if (this.language === 'mt') {
      this.dialogs.confirm('Trid tneħħi l-apps tiegħek mill-favoriti?', 'Neħħi minn Favoriti', ['Iva', 'Le'])
        .then(val => {
          console.log('Dialog dismissed' + val);
          if (val === 1) {
            this.resetFavIcons();
            this.storage.remove('FavAppList');
            this.storage.set('FavHasChanged', 'yes');
          }
        })
        .catch(e =>
          console.log('Error displaying dialog', e)
        );
    }
  }
}

我已经安装了 ngx trasnlate，并且我已经在 html 中使用了翻译管道。我想对这种方法使用相同的方法来删除 if 和 else 来检查语言，并且只具有类似于：

clearFavourites() {
    this.dialogs.confirm('SettingsPage.RemoveFav' | translate, 'SettingsPage.ClearFav' | translate, ['SettingsPage.Yes' | translate, 'SettingsPage.No' | translate])
        .then(val => {
          console.log('Dialog dismissed' + val);
          if (val === 1) {
            this.resetFavIcons();
            this.storage.remove('FavAppList');
            this.storage.set('FavHasChanged', 'yes');
          }
        })
        .catch(e =>
          console.log('Error displaying dialog', e)
        );
    }
}

上述方法对我不起作用，有没有其他方法可以在 .ts 文件中使用类似于上述方法的 ngx translate 管道？

【问题讨论】：

标签： angular translate

【解决方案1】：

所以我设法找到了我的问题的答案。

我将代码更改为：

  clearFavourites() {
    this.dialogs.confirm(this.translate.instant('SettingsPage.AskFavs'), this.translate.instant('SettingsPage.ClearFavs'), [this.translate.instant('SettingsPage.Yes'), this.translate.instant('SettingsPage.No')])
      .then(val => {
        console.log('Dialog dismissed' + val);
        if (val === 1) {
          this.resetFavIcons();
          this.storage.remove('FavAppList');
          this.storage.set('FavHasChanged', 'yes');
        }
      })
      .catch(e =>
        console.log('Error displaying dialog', e)
      );
  }
}

并设法在 ts 文件中获得动态文本翻译。

希望这对其他人也有帮助。

【讨论】：

【解决方案2】：

根据this的回答，你可以像下面这样注入服务：

constructor(private localizationSvc: LocalizationService) {
}

然后您可以使用getResource 方法在组件中获取您的资源：

const translatedText = await this.localizationSvc.getResource('SettingsPage.cancelText', 'en');

注意：此答案基于我上面引用的最后一个答案。所以一定要从那里复制代码。

【讨论】：