如何使用Angular 5翻译带参数的通知消息？

Question

我无法使用ngx-translate / core转换通知消息的参数

代码样本

en.json :
   "message": {
        "Successfully removed account": "Successfully removed account"
        }

上面是翻译json

constructor(private translate: TranslateService,
private userService : userService)

async deleteAccount(account) {
try {
  await this.userService.removeuserAccount(account.id);
  this.notificationService.sendSuccess(this.translate.instant(`message.Successfully removed account ${account.id}`));
} catch (err) {
  this.notificationService.sendError(this.translate.instant(`message.Unable to delete account: ${err.message}`));
    }
  }

请帮助我解决这个问题

我们需要在组件https://github.com/ngx-translate/core/pull/990中的链接中修复与此问题类似的问题

Answer 1

更新：

由于消息来自JSON，因此您需要使用

this.translate.instant(message['Successfully removed account'] + account.id)

上一个答案：

如果message.Successfully还是一个ENUM之类的组件变量，

使用${message.Successfully} removed account ${account.id}作为反引号（`）中方法的参数

如果不支持反引号并且message.Successfully仅仅是一个字符串，请使用

this.translate.instant("message.Successfully removed account " + account.id) 

如果message.Successfully不是字符串，并且是变量，则使用

this.translate.instant(message.Successfully + "removed account " + account.id) 

Answer 2

试试这个答案。 翻译它并追加到变量。

    constructor(private translate: TranslateService,
    private userService : userService)

    async deleteAccount(account) {
    try {
      await this.userService.removeuserAccount(account.id);
      var status = this.translate.instant('message.Successfully  removed account');
this.notificationService.sendSuccess(this.translate.instant(status + `${account.id}`));
    } catch (err) {
var statuserr = this.translate.instant(`message.Unable to delete account:');
      this.notificationService.sendError(this.translate.instant(statuserr +` ${err.message}`));
        }
      }