2015-02-23 2 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

Это не сценарий, поддерживаемый службой перевода. Почему бы просто не скопировать весь текст, включая элементы , и создать для него установку перевода. –

+0

Перевод интерполируется как текст, а не HTML. Если вы поместите теги html в трансляцию, они будут экранированы, что приведет к 'Пожалуйста, сканируйте значок на экране. – haki

+0

Возможный дубликат [Как обрабатывать строки, содержащие HTML, используя Angular-Translate?] (Http://stackoverflow.com/questions/19754381/how-to-handle-strings-containing-html-using-angular-translate) – DonJuwe

ответ

0

Это может быть возможным с translateдирективы:

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

Посмотрите here и here.

Смежные вопросы