我需要在 angular-translate 中翻译一个动态变量

Question

假设这是为翻译提供的 json 文件。

{
  "TRANSLATION_ID": "{{username}} is logged in.",
  "ANOTHER_ID": "PascalPrecht"
}

这是js代码：

let expressionToTranslate = "TRANSLATION_ID"
let username = "ANOTHER_ID"

如果我们执行以下操作：

{{expressionToTranslate | translate:username}}

我们会得到"ANOTHER_ID is logged in"。

如何实际翻译变量以便能够 "PascalPrecht is logged in"？

Answer 1

它需要一个对象，其中的键与您的语言配置中的表达式相同：

{{expressionToTranslate | translate:{username: username}}}

Answer 2

您可以尝试这样的操作：

let username = "ANOTHER_ID";

"TRANSLATION_ID": `${username} is logged in.``

Answer 3

对于任何有兴趣解决这个问题的人，我用以下方法解决了它：

里面的controller/component我用过

 $translate(username).then((paragraph)=>{
 username = paragraph
});

现在用户名变成了 'PascalPrecht'。然后渲染

{{expressionToTranslate | translate:{username: username}}}

在视图中。