从js对象渲染下标到HTML

Render subscript to HTML from js object

本文关键字：下标 HTML js 对象      更新时间：2023-09-26

我正在做一个Angular 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

如何解决这个问题?

您可以使用ng-bind-html指令来实现这一点:

<p ng-bind-html="u.iconLabel"></p>
AngularJS -渲染包含在字符串
中的HTML标签
相关文章：