angularjs - 在 AngularJs 中使用带有翻译过滤器的变量

Question

我正在处理一个 AngularJs 项目，我正在通过以下方式使用翻译过滤器:

<h2>{{'This is my text' | translate}}</h2>

它工作正常，但我希望能够在我的翻译中使用变量。这是我尝试过的:

在 Controller 中:

vm.text = "This {{toReplace}} is a variable.";
vm.myVariable = "random value";

在 html 中:

<h2>{{vm.text | translate:'{ toReplace: vm.myVariable }'}}</h2>

它不会用 myVariable 的内容替换 {{toReplace}}。相反，页面显示“此 {{toReplace}} 是一个变量。”

我应该怎么做才能使这项工作？

Answer 1

您是否尝试过使用指令而不是过滤器？像这样的事情:

<h2 translate="vm.text" translate-values={'toReplace':vm.myVariable}"></h2>