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

Question

我在范围内有一些带有一些HTML内容的变量。我想在网页上将其呈现为HTML，但在我的情况下，它显示为全文。任何人都可以帮助我吗？

这是我的代码： -

// contoller.js

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

// demo.html

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

Answer 1

您需要将$sce服务注入controller或Directive等，并使用$sce service，如下所示： -

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

并将其绑定在HTML页面中，例如

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

Answer 2

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

ng-bind-html指令

docs here

修改

您可以找到sce.trustAsHtml here的使用情况。

Answer 3

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