开发者社区> 范大脚脚> 正文

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>
复制代码

 


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/7240962.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
为什么你不应该用angularjs?
AngularJS的问题 为什么你不该用angularjs,https://medium.com/@mnemon1ck/why-you-should-not-use-angularjs-1df5ddf6fc99#.9yg505ar3 1.数据双向绑定问题 angular的方式:视图变化->模型变化->触发事件处理函数 合理的方式:视图变化->触发事件处理函数 问题所在: 1.事件监听不自然。
728 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Angular从零到一
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载