如何在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页面e.g结合这一点;

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

Answer 2

你必须确保与您的内容$ sce服务然后使用

NG绑定，HTML指令

文档浏览：

https://docs.angularjs.org/api/ng/directive/ngBindHtml

编辑

你可以找到sce.trustAsHtml这里的用法：

https://docs.angularjs.org/api/ng/service/ $＃标准煤trustAsHtml

Answer 3

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