2016-01-22 63 views
0

我正在嘗試使用'translate =「KEY」'指令應用角度轉換。嵌套鏈接內的角度轉換

但是,如果我將其添加到<p>標記中,然後再添加到此標記中的<a>標記,則只會出現第一個翻譯。當我在控制檯中查看該內容時,翻譯似乎可以正常工作,但它不會顯示在屏幕上。

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

這應該輸出: 點擊here

但現在看來,只有爲: 點擊

感謝您的幫助。

+0

您的鏈接不工作 – tomRedox

+0

如果我使用{{ 'KEY' |翻譯}}它工作正常,所以我相信鏈接是好的。我想要使​​用上面的方式,因爲我可以使用它來引用iElement。 – user2717997

回答

0

問題是<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');