我如何在角度控制器中使用 html？

Question

我正在尝试在我的角度创建上标 html

$scope.Volume = 'm<sup>3</sup>';

我总是得到这样的html

<div class="ng-binding">Volume<br>(m&lt;sup&gt;3&lt;/sup&gt;)</div>

由于生成了上述 html，它总是在渲染页面上显示 m<sup>3</sup> 而不是所需的输出，即 m 上标 3。

如何在 Angular 控制器中使用 html？

Answer 1

在您的情况下，您可以使用

绑定 html

<div ng-bind-html="Volume"></div> 

查看官方文档： 见：https://docs.angularjs.org/api/ng/directive/ngBindHtml

Answer 2

您不能直接在模板中使用 HTML。您可以使用ng-bind-html，但默认情况下它还会删除可能有问题的标签，例如<script>。所以你还需要包含ngSanitize。