angularjs1-8,cacheFactory,sce
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> #parent div{ width:300px; height:500px; border:1px #000 solid; margin:20px;} #parent ul{ width:200px; position:fixed; top:0; right:0;} </style> <script src="angular.min.js"></script> <script>var m1 = angular.module('myApp',[]); m1.controller('Aaa',['$scope','$cacheFactory',function($scope,$cacheFactory){ //localstorage写入永久缓存,sessionstorage浏览器不关闭就有,cacheFactory只要put不写就get不到了,cacheFactory只是用于多个controller临时数据共享,没有写入storage。多个controller临时数据共享也可以通过自定义服务来实现。var cache=$cacheFactory('cacheId');cache.put('name','张三');cache.put('age','20');var name=cache.get('name');console.log(name); }]); m1.controller('Bbb',['$scope','$cacheFactory',function($scope,$cacheFactory){var cache=$cacheFactory.get('cacheId');var name=cache.get('name');var age=cache.get('age');console.log(name);console.log(age); }]);</script> </head> <body> <div ng-controller="Aaa"> </div> <div ng-controller="Bbb"> </div> </body> </html>
<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="angular.min.js"></script> </head> <body> <div ng-app="myApp"><div ng-controller="firstController">{{name}}<div ng-bind-html="text"></div><div ng-bind-html="detailContent()"></div>1111111111<div ng-bind-html="portalDetail"></div></div> </div> <script type="text/javascript">var app = angular.module("myApp", []);app.controller('firstController',function($scope,$timeout,$sce,$http){//依赖注入$sce $scope.name = 'hello';//sce服务用于解析html, $scope.text = $sce.trustAsHtml('<h1>hello text</h1>');var myUrl = "http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=338&callback=JSON_CALLBACK";$http.jsonp(myUrl).success(function(data){$scope.portalDetail = $sce.trustAsHtml(data.result[0].content);$scope.detailContent = function() {return $sce.trustAsHtml(data.result[0].content);};}).error(function(){alert('失败');});}); </script> </body> </html>
angularjs1-8,cacheFactory,sce相关推荐
- Angular - - $sce 和 $sceDelegate
$sce $sce 服务是AngularJs提供的一种严格上下文转义服务. 严格的上下文转义服务 严格的上下文转义(SCE)是一种需要在一定的语境中导致AngularJS绑定值被标记为安全使用语境的模 ...
- AngularJs $cacheFactory 缓存服务
可能之前的api写的有些枯燥吧,因为不烧脑,不需要很多逻辑思维来做处理,那么之后的文章会有趣很多,慢慢的开始烧脑了,准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务. 本文将api文档里的$cac ...
- AngularJS 使用$sce控制代码安全检查
阅读目录 什么是SCE 来自官网的例子:ng-bind-html 实际工作中的例子:ng-src链接 参考 由于浏览器都有同源加载策略,不能加载不同域下的文件.也不能使用不合要求的协议比如fi ...
- 关于vue,angularjs1,react之间的对比
1.时间投入的问题:相对于react和angularjs,学习vue的时间成本低,而且容易上手. 2.JSX的可读性比较一般.代码的可读性不如vue,当然,vue也支持jsx,但是vue更提倡temp ...
- 深究AngularJS——$sce的使用
为什么要要$sce?因为angularJS里好些地方,比如路径默认是个字符串,不会认为是路径,从而访问不到我们需要的东西,那么我们就可以通过$sce告诉angualrJS这个路径,这样是很安全滴.它有 ...
- CISCO SCE 第三部分 SCE平台的升级
网络应用的日新月异,互联网每日都在诞生新的应用技术,那么来执行网络流量分析的设备也需要及时的更新其识别代码,才能检测出新的流量.<?xml:namespace prefix = o ns = & ...
- $sanitize和$sce服务的使用方法
var app =angular.module('myApp',['ngSanitize']); app.controller('ctrl',function($scope,$sce){$scope. ...
- Angular - - $cacheFactory
可能之前的api写的有些枯燥吧,因为不烧脑,不需要很多逻辑思维来做处理,那么之后的文章会有趣很多,慢慢的开始烧脑了,准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务. 这里野兽把api文档里的$c ...
- Angularjs1.x 中的 service,factory,provider,constant,value
了解 Angularjs1.x 中的 service,factory,provider,constant,value 的应用场景及区别 不管 service , factory 还是 provider ...
最新文章
- C++智能指针(设计和使用)
- numpy.ones() 详解
- 216. Combination Sum III 组合总和 III
- OpenHarmony移植:XTS子系统之应用兼容性测试套件
- OpenCV-PS扩散效果(毛玻璃)
- html插入视频时不自动播放,html5中嵌入视频自动播放的问题解决
- 前端工程化(Vue-cli3和Element-ui)
- 多处理器系统下的伪共享(false sharing)问题
- SpreadJS v14.1.5 Crack
- DSP 程序远程升级 / Bootloader设计指南(六)—— 9大关键点
- SecureCRT信号灯超时时间已到
- qq企业邮箱登录服务器,腾讯邮箱登录入口(腾讯企业邮箱免费用户申请)
- c语言long和short,long和short是什么意思?
- 常见的java毕业设计_php毕业设计题目汇总
- 卓豪发布IT大数据分析平台,整合ITSM系统
- Android studio百度地图之定位到国外
- 囚徒健身(中文完整版)(保罗·威德)
- (二)基于数据库的认证与授权
- 【华为OD机试真题 python】最短木板长度【2022 Q4 | 100分】
- base64图片去白底