angularjs - Angular 翻译内的指令

Question

我正在使用angular-translate对于 i18n 并希望在翻译中使用指令:

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 似乎没有意识到这一点，也没有发挥其指令魔力。

Answer 1

尝试使用translate-compile指令:

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

来自docs :

Starting with version 2, the translation itself can be post processed in context of the current scope (using $compile). This means any directive used in a translation value itself will now work as expected.