我如何在角度控制器中使用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。

如何在角度控制器中使用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。