嵌套链接

Question

我正在尝试使用＆＃39; translate =＆＃34; KEY＆＃34;＆＃39;来应用角度翻译。指令。

但是，如果我将其添加到<p>标记，然后添加到其中的<a>标记，则只会显示第一个翻译。当我在控制台中查看时，翻译似乎有效，但它不会出现在屏幕上。

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

这应输出为： 点击here

但它似乎只有： 点击

感谢您的帮助。

Answer 1

问题是<p>围绕<a>标记。 translate指令将<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');