2015-02-23 28 views
2

可以說,我想有一個圖標內嵌在文本如何處理與內嵌HTML角翻譯

'Please scan the <span class="icon ion-barcode"></span> on the screen' 

我如何想補充一點,用翻譯的角度,翻譯沒有把句子分成兩個部分?

'{{ 'scan_1' | translate }} 
<span class="icon icon-barcode"></span> 
{{ 'scan_2' | translate }}' 

.... 

.config(['$translateProvider', function ($translateProvider) { 
    var translations = { 
    en : { 
     scan_1 : 'Please scan the', 
     scan_2 : 'on the screen', 
    } 
    }; 

    $translateProvider 
    .translations('en', translations.en) 
    .preferredLanguage('en'); 
}]) 
+0

這不是翻譯服務支持的方案。爲什麼不簡單地複製包含元素的整個文本併爲其設置翻譯設置。 – 2015-02-23 08:19:21

+0

將翻譯插入爲文本,而不是HTML。如果你在翻譯中放置了html標籤,他們將被轉義,導致'請掃描屏幕上的「。 – haki 2015-02-23 08:30:55

+0

可能的重複[如何處理包含HTML的字符串使用Angular-Translate?](http://stackoverflow.com/questions/19754381/how-to-handle-strings-containing-html-using-angular-translate) – DonJuwe 2015-02-23 08:32:06

回答

0

這可能是可能與translate指令

<ANY translate="{{toBeInterpolated}}"></ANY> 

看一看herehere