首页 > Web开发 > 详细

angularjs服务常见用法

时间:2016-05-27 18:17:25      阅读:216      评论:0      收藏:0      [点我收藏+]
  • 服务可以再应用的整个生命周期内保持数据,不会在切换路由或者重新加载视图时被清楚掉(控制器只有在需要时才被实例化)
  • 服务是一个单例对象,在每个应用中只会被实例化一次

 

  1. 服务在应用的生命周期内保存数据
angular.module(‘myApp‘)
    .factory(‘myService‘, [function(){
    var store_id = null;

    function set_curr_storeid(id) {
    store_id = id;
    return;
    }

    function get_curr_storeid() {
    return store_id
    }

    return {
        ‘set_curr_storeid‘: set_curr_storeid,
         ‘get_curr_storeid‘: get_curr_storeid   
    }
}])

//在控制器中使用时 myService.set_curr_storeid(id) 去设置它的值

  2.将一些常用的功能函数封装在服务里,给各个控制器调用

angular.module(‘myApp‘,[])
.factory(‘CommonHelper‘, [function () {
    function get_china_num(status) {
        switch status {
            case 1:
                return ‘数字一‘;
                break;
            case 2:
                return ‘数字二‘;
                break;
            default:
                return ‘其他‘;
                break;
        }
    }

    return {
        ‘get_china_num‘: get_china_num
    };
}]);

//在页面中绑定的表达式里直接用服务,类似过滤器的作用

<div ng-repeat = "one_menu in menus">
    <p>{{CommonHelper.get_china_num(one_menu.status)}}</p>
</div>

 

angularjs服务常见用法

原文:http://www.cnblogs.com/leijiuling/p/5535456.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!