从 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:
<script src="lib/angular/angular-sanitize.min.js"></script>
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngSanitize'])
以上是如何从控制器安全地将 HTML 插入到 AngularJS 视图中?的详细内容。更多信息请关注PHP中文网其他相关文章!