渲染下標從JS對象

Question

我的工作已經儲存了所有圖標標籤成JS對象這樣

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

和角度1X應用爲HTML 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