Angular js中的动态html

Question

我试图从数据库中显示 HTML，在这个 HTML 中有一些变量或显示范围，但当时它认为它是硬编码的 HTML。请给我建议相同的解决方案。

响应html

ptag {{ownerName}} ptag

浏览器输出

{{所有者名称}}

Answer 1

在 Angular 中，您必须告诉应用程序可以信任 HTML。

https://docs.angularjs.org/api/ng/service/$sce

在 HTML 中，您应该设置一个 html 变量，例如：

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

在控制器中你会使用 $sce

$scope.htmlFromDB = $sce.trustAsHtml(//somehtml)

这可能非常危险，并且会给跨站脚本添加漏洞。因此，请确保您知道该 HTML 的来源！