i18n Translate.instant 带参数

Question

我需要使用来自 ngx-core 的 TranslateService.instant 并传递参数来进行字符串插值。
到目前为止，我已经完成了：

MY_STRING: "Welcome {{user}}"

在我的组件中我这样做：

translateService.instant(MY_STRING, {user: 'Nick'})

我从中得到的是：

Welcome {{user}}

参数 user 没有被插值。我做错了什么？

Answer 1

对于使用instant 方法，您必须确保您的翻译已加载并且可以安全使用，否则将失败。这可能是重点。

解释很简单，你有三种加载翻译的方式：

• 您确定您的翻译文件已经加载并且没有 需要更新：translate.instant('key')

• 您不确定加载并且不需要更新（返回 Observable 订阅）：translate.get('key')

• 您希望在用户更改语言时进行更新：
  translate.stream('key')

我认为您可能会使用 get 选项，因为它是具有鲜为人知的错误的选项：

let userName = 'Nick'     
translateService.get('MY_STRING', { user: this.userName }).subscribe((text:string) => {console.log(text});