我正在开发一个 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 - Render HTML tags that are contained in a string
关于javascript - 将 js 对象的下标渲染为 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39699222/