角度平移翻译中的指令答案

【问题标题】：Directive inside a angular-translate translation角度平移翻译中的指令
【发布时间】：2015-06-04 20:11:04
【问题描述】：

我在 i18n 中使用 angular-translate 并希望在翻译中使用指令：

var translations = {
  TEST_1: 'Hello from <a href="/test">Test</a>',
  TEST_2: 'Hello from <user></user>'
};

app.directive('user', function() {
  return {
    template: '<a href="/test">Test</a>'
  };
});

完整的 plnkr 示例：http://plnkr.co/edit/jCCcvx7IEaAYUwyaQ7uH?p=preview

所以

<p translate="TEST_1"></p>
<p translate="TEST_2"></p>

应该是一样的。第一个（没有指令）有效，第二个无效。它隐含了<user></user>，但 Angular 似乎并没有意识到它，也没有发挥它的指令魔法。

【问题讨论】：

标签： angularjs angularjs-directive angular-translate

【解决方案1】：

尝试使用translate-compile 指令：

<p translate="TEST_2" translate-compile></p>

来自docs：

从版本 2 开始，翻译本身可以进行后期处理在当前范围的上下文中（使用 $compile）。这意味着任何翻译值本身中使用的指令现在将作为预计。

【讨论】：

拯救了我的一天！谢谢。