Рендер подстрочный в HTML от JS объекта

Question

Я работаю над приложением Угловая 1X, которая хранится все иконки ярлыков в объект JS, как этот

var labels={ 
    ........ 
    iconlabel_o2:"O<sub>2</sub>", 
    iconLabel_co2:"CO<sub>2</sub>", 
    iconLabel_h20:"H<sub>2</sub>O", 
    ........ 
} 

и значения iconLabel называются в HTML

<p>{{u.iconLabel}}</p> 

, но значения не отображаются как индексы. Он просто показывает всю строку. как это ...

O<sub>2</sub> 
CO<sub>2</sub> 
H<sub>2</sub>O 

Как это исправить?

Answer 1

Вы можете использовать ng-bind-html директиву для достижения этого:

<p ng-bind-html="u.iconLabel"></p> 

Пожалуйста, обратите внимание на подобный вопрос: AngularJS - Render HTML tags that are contained in a string