zoukankan      html  css  js  c++  java
  • AngularJS中ng-bind-html的使用需要$sce控制代码安全检查

    首先需要在index.html中加载 sanitize

    <script type="text/javascript" src="jsLib/angular-sanitize.js"></script>

    app.js 路由中注入 'ngSanitize'

    var sxApp = angular.module('sxApp', ['ngRoute','ngSanitize']);

    使用ng-bind-html,绑定的值需要 $sce.trustAsHtml 进行安全检查

    sxApp.controller('NewsCtrl', [
        '$rootScope',
        '$scope',
        '$sce',
        function($rootScope, $scope, $sce) {
        
        ... ...
    
       $scope.currentNews = data;
       $scope.trustHtml = $sce.trustAsHtml(data.content);
    
        ... ...
       
        }]);

    【注】:ng-bind-html不能用在<textarea>中,必须在div中

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

    $sce的使用

    $sce.trustAs(type,name);
    $sce.trustAsUrl(value);
    $sce.trustAsHtml(value);
    $sce.trustAsResourceUrl(value);
    $sce.trustAsJs(value);
  • 相关阅读:
    枚举
    交房租
    Schtasks 命令详解
    记录自己在 cmd 中执行 jar 文件遇到的一些错误
    Java 8 日期时间 API
    Java 8 Optional 类
    Java 8 Stream
    Java 8 默认方法
    Java 8 函数式接口
    Java 8 方法引用
  • 原文地址:https://www.cnblogs.com/miny-simp/p/7993735.html
Copyright © 2011-2022 走看看