从AngularJS控制器将HTML插入视图

从AngularJS控制器将HTML插入视图,第1张

从AngularJS控制器将HTML插入视图

对于Angular 1.x,

ng-bind-html
在HTML中使用:

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

此时,您将得到一个

attempting to use an unsafe value in a safecontext
错误,因此您需要使用ngSanitize或$
sce
来解决该问题。

$ sce

$sce.trustAsHtml()
在控制器中使用以转换html字符串

 $scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);
ng消毒

分两个步骤:

  1. 包括angular-sanitize.min.js资源,即:

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

  2. 在js文件(控制器或通常为app.js)中,包含ngSanitize,即:

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



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5642027.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存