AngularJS 翻译动态字符串答案

【问题标题】：AngularJS translate dynamic stringAngularJS 翻译动态字符串
【发布时间】：2014-05-27 22:48:34
【问题描述】：

我正在使用angular-translate 模块进行翻译，但我有没有被翻译的动态字符串。

我试过这种方法：

{{ data.foo | translate }}

这不起作用。

我尝试使用他自己的指令：

 <span translate>{{ data.foo }}</span>

使用这种方法，我得到 data.foo 的输出结果，无需翻译。

最好的方法是什么？

谢谢:)

【问题讨论】：

【解决方案1】：

您不能正确配置 translationProvider。你的配置中应该有这样的东西：

$translateProvider.translations({
    'TRANSLATEME': 'Here is the translation'
});

并且 data.foo 需要等于 TRANSLATEME。

这是一个 Plunker 显示它正在工作。

【讨论】：

我刚刚发现 <span translate>FOO.BAR.{{ data.foo }}</span> 这样的东西不起作用。它必须是<span translate>{{ 'FOO.BAR.' + data.foo }}</span>

【解决方案2】：

你有匹配 data.foo 中翻译键的字符串吗？是这样的：

<span translate="{{data.foo}}"></span>

绝对有效；以及：

<span>{{ data.foo | translate}}</span>

【讨论】：