在.ts文件中使用ngx-translate

Question

我想在sidemenu标题中使用翻译，我阅读this tutorial并将其解决为：

translate.get('HOME').subscribe(res => {

this.pages= [
 {title: res ,                  component: HomePage},
 {title: 'My Account',               component: MyAccountPage},
 {title: 'Changer Pass' , component: ChangePasswordPage}
]

它有效，但问题是我想从翻译文件中获得许多标题，将它们设置为sidemenu标题。

Answer 1

在这种情况下，请不要使用forkJoin运算符。 ngx-translate支持通过将一组键传递给get()方法一次获取多个翻译，如下所示：

translate.get(['HOME', 'MY_ACCOUNT', 'CHANGE_PASSWORD']).subscribe(translations => {
  this.pages= [
    { title: translations.HOME, component: HomePage},
    { title: translations.MY_ACCOUNT, component: MyAccountPage},
    { title: translations.CHANGE_PASSWORD, component: ChangePasswordPage}
  ];
})

编辑：

Here你可以找到所有支持的方法及其签名。

Answer 2

@David感谢您的灵感。

你也可以使用这样的东西：

translate.get(['Home', 'My Account', 'Change Password']).subscribe(translations => {
  this.pages= [
    { title: translations['Home'], component: HomePage},
    { title: translations['My Account'], component: MyAccountPage},
    { title: translations['Change Password'], component: ChangePasswordPage}
  ];
})