如何从控制器安全地将 HTML 插入到 AngularJS 视图中？

从 AngularJS 控制器将 HTML 插入视图

由于 Angular 的安全措施，将在 AngularJS 控制器中创建的 HTML 片段插入视图可能具有挑战性，这会阻止直接 HTML 渲染。要解决这个问题，请在 HTML 中使用 ng-bind-html：

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

这将提示安全错误，可以使用 ngSanitize 或 $sce 解决。

使用 $sce :

在控制器中，使用转换 HTML 字符串$sce.trustAsHtml():

$scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);

使用 ngSanitize:

1. 包含 angular-sanitize.min.js 资源：

<script src="lib/angular/angular-sanitize.min.js"></script>

2. 包括应用程序模块（通常是 app.js）中的 ngSanitize：

angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngSanitize'])

以上是如何从控制器安全地将 HTML 插入到 AngularJS 视图中？的详细内容。更多信息请关注PHP中文网其他相关文章！