博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs ng-bind-html指令整理
阅读量:4288 次
发布时间:2019-05-27

本文共 801 字,大约阅读时间需要 2 分钟。

一、使用angular-santize.js

var app = angular.module("myApp", ['ngSanitize']);app.controller("myCtrl", function($scope) {    $scope.myText = "My name is: 

John Doe

";});

ng-bind-html 指令是通一个安全的方式将内容绑定到 HTML 元素上。

当你想让 AngularJS 在你的应用中写入 HTML,你就需要去检测一些危险代码。通过在应用中引入 "angular-santize.js" 模块,使用 ngSanitize 函数来检测代码的安全性。 in your application you can do so by running the HTML code through the ngSanitize function.

特别说明:这种方式可以过滤一些危险代码,但同时也取消了很多样式内容,不推荐使用

二、使用$sce.trustAsHtml()

$scope.uploadInfo = $sce.trustAsHtml('上传成功!点击跳转到客户列表界面');                        //$scope.$apply();

特别说明:这种方式对于AngularJs中的默认指令不支持解析,一般绑定文章内容(推荐使用)。

三、使用$comiple()

var uploadInfo = '上传成功!点击跳转到客户列表界面';var ele = $compile(uploadInfo)($scope);angular.element('.modal-body').append(ele);
特别说明:这种方式可以解析指令。

更多:

你可能感兴趣的文章
Spring Boot 监听 Redis Key 定时任务
查看>>
3DGIS产品层次结构
查看>>
SPI总线之NSS
查看>>
【Java】Java自动类型转换
查看>>
【Java】Java强制类型转换
查看>>
【Java】:Java制作九九乘法表
查看>>
【JQuery】:JQuery加载模式
查看>>
【C语言】求一千以内的素数 第一种方法
查看>>
【C语言】求Fibonacci数列的前20项(数组)
查看>>
【C语言】求N的阶乘
查看>>
【HTML】解决DIV消除浮动问题(clear)
查看>>
【MySQL】使用cmd操作MySQL数据库
查看>>
【TP】ThinkPHP3.1用户登陆功能实现-基础环境搭建
查看>>
【TP】ThinkPHP3.1用户登陆功能实现-核心代码
查看>>
【易语言】易语言制作-bt天堂ok资源采集器(网络爬虫)
查看>>
【HTML】设置页面字体
查看>>
【HTML】一个简单的登陆页面
查看>>
【HTML】设置全屏图片
查看>>
【HTML】段落开始空两格
查看>>
【C语言】求Fibonacci数列前40项(循环)
查看>>