AngularJS翻译：构造动态字符串

Question

我正在使用angular-translate模块进行翻译，我想构造一个动态字符串如下。

翻译键：

"MY_TRANS_KEY": "Answer should include all of the following: {{limit}}"

HTML：

<span
    class="warningStyle padding-0"
    translate="{{limit.myKey}}"
    translate-value-limit="{{limit.valueTrans | translate}}
  >

limit.myKey -> 在这种情况下具有翻译键值“MY_TRANS_KEY”

limit.valueTrans -> 是一个翻译如下的对象。

    {
da: "En {{JOINWORD_ANY}} To",
en: "One {{JOINWORD_ANY}} Two",
}

我的问题是如何获得上述 {{JOINWOD_ANY}} 的翻译？目前它只显示为一个字符串。

希望这能解释清楚。

Answer 1

如果我没听错的话，你想用一些号码联系翻译文本。

所以也许使用<p>{{data.key_with_limit |translate}}</p>

而不是归因翻译：<p translate="{{data.key_with_limit}}"></p>

所以你可以写：

<p>{{data.key|translate}} {{limit}}</p>

一些例子：

希望对你有帮助：

var en_translations = {
    MY_TRANS_KEY: "EN "
      }

  var sp_translations = {
     MY_TRANS_KEY: "SP "
  }

$translateProvider.translations('en',en_translations);

$translateProvider.translations('sp',sp_translations);

$translateProvider.preferredLanguage('en');

$scope.data = {
     key: 'MY_TRANS_KEY'
   };

$scope.numericLimit = 80;

和 HTML：

 <p translate="{{data.key}}"></p>     
 <p>{{data.key|translate}} {{numericLimit}}</p>

Some Demo

---

编辑

语言键是一个 JSON 文件：

 {
  da: "En {{JOINWORD_ANY}} To",
  en: "One {{JOINWORD_ANY}} Two",
 }

你不能编译它，{{JOINWORD_ANY}} 总是作为一个字符串。

使用可以连接/管理到控制器/组件/指令中的不同键和动态值