Отображать тег стиля в угловых JS при переводе

Question

Это мой файл контроллера, в котором

$scope.htmlCompanyFromScope = '<span style=color:red>Micro</span>';
$scope.htmlTagFromScope = "MicroTag";

Мой *.resx файл содержит

 TranslationValue = "{{htmlCompany}} tag is {{htmlTag}}"

И по моему HTML Я определяю следующее:

 <span translate="TranslationValue " translate-values="{htmlCompany: htmlCompanyFromScope , htmlTag: htmlTagFromScope}"></span>

Но, в конце концов, стиль не удостоен чести. Отображает что-то вроде

Микро тег является MicroTag

какие-нибудь указатели?

Answer 1

Я полагаю, вы используете sanitize Стратегия побега вроде:

$translateProvider.useSanitizeValueStrategy('sanitize');

Оно использует $sanitize сервис, поэтому атрибуты стиля будут удалены этим сервисом (и чтобы перезаписать его, вам нужно будет изменить исходный код angular-sanitize.js, но я не рекомендую делать это). В качестве обходного пути здесь - вы должны использовать class атрибуты (поскольку атрибуты класса не удаляются с $sanitize) лайк class="red" и установить правильные стили CSS, как .red { color:red; },

Пример тут.

Answer 2

Использование

<span style="color:red">

не

<span style=color:red>