嵌套链接内的角度转换

Question

我正在尝试使用'translate =“KEY”'指令应用角度转换。

但是，如果我将其添加到<p>标记中，然后再添加到此标记中的<a>标记，则只会出现第一个翻译。当我在控制台中查看该内容时，翻译似乎可以正常工作，但它不会显示在屏幕上。

<p translate="CLICK"> 
    <a href="http://www.google.com" translate="HERE"></a> 
</p> 

这应该输出： 点击here

但现在看来，只有为： 点击

感谢您的帮助。

Answer 1

问题是<p>围绕着<a>标签。翻译指令用翻译代替<p>的内容。所以结果是<p>Click</p>。

该指令本身工作正常，请参阅我的工作Plunker。

<a href="http://stackoverflow.com/questions/34950286/angular-translate-within-nested-link" translate="LINK_A"></a> 
<a href="http://google.com" translate="LINK_B"></a> 

-

$translateProvider.translations('en',{ 
    'LINK_A': 'Stackoverflow', 
    'LINK_B': 'Google' 
    }).preferredLanguage('en');