如何在 AngularJS 中将文本呈现为 HTML

Question

我在一个包含一些 HTML 内容的范围内有一个变量。我想在网页上将其呈现为 HTML，但在我的例子中它显示为全文。谁能帮我？

这是我的代码：-

//控制器.js

 $scope.message = '<b><i>result has been saved successfully.</i></b>';

//演示.html

 <p ng-bind="message"></p>

原文由 Surjeet Bhadauriya 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

You need to inject $sce service into your controller or Directive etc. and use $sce service like this:-

 $scope.Message = $sce.trustAsHtml("<b><i>result has been saved successfully.</i></b>");

并将其绑定到您的 HTML 页面中，例如；

 <p ng-bind-html = "Message"></p>

原文由 KP Chundawat 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您必须使用 $sce 服务保护您的内容，然后使用

ng-bind-html 指令

文档在这里。

---

编辑

您可以在 此处 找到 sce.trustAsHtml 的用法。

原文由 OctoD 发布，翻译遵循 CC BY-SA 4.0 许可协议