angularjs 多个页面共享数据

来源：互联网发布：狄杰斯特拉算法编辑：程序博客网时间：2024/04/29 12:40

文章参考 http://www.myexception.cn/javascript/1978613.html

使用service来共享数据

定义一个共享服务的service

//家电维修共享数据的服务angular.module("sqhApp").factory("repairDeviceDataShareServer",function($http,$state,$ionicPopup){return {//缓存当前需要维修的设备名称、数量、唯一标识deviceRepairObj : [],//小区位置xiquLocation:{},//预约时间appointmentDate:{"date":"","time":""},//预约日期界面回退到上一个界面的记录appointmentBackPage:"",//获取地址回退界面记录locationBackPage:"",//家电维修描述questionDesc:"",//确认预约confirmAppointment : function(resultJson){var url = "/index.php/Wap/Homemake/createRepairOrder.html";var p = $http.post(url,resultJson);p.success(function(response,header,config,status){//提交订单成功if(response.status == 0){//提示需要选择设备var alertPopup = $ionicPopup.alert({title: '家电维修',template: response.msg});alertPopup.then(function(res) {$state.go("appliance_index");});}else{//提示需要选择设备var alertPopup = $ionicPopup.alert({title: '家电维修',template: response.msg});alertPopup.then(function(res) {});}});},//确认预约提交的数据formData:{}};});

跳转到一个新的页面，将repairDeviceDataShareServer注入到controller中

//预约时间控制器angular.module("sqhApp").controller("orderDateController", ["$scope", "$state", '$ionicPopup', 'repairDeviceDataShareServer','appointmentDateService',function ($scope, $state, $ionicPopup,repairDeviceDataShareServer,appointmentDateService) {$scope.lists=[];//从服务器获取时间appointmentDateService.getAppointmentDateList($scope);//回退到上一个页面$scope.back = function(){var backPage = repairDeviceDataShareServer.appointmentBackPage;//如果没有记录值，则跳转到家电清洗服务包目录if(backPage == ""){$state.go("appliance_index");}else{$state.go(backPage);}}    //选择时间    $scope.selectTime = function(myevent){        var currentObj = $(myevent.target);        currentObj.closest("div.time_list").find(".line_height_35px").removeClass("bg_fdd000 color_e5005a").addClass("bg_ff");        currentObj.addClass("bg_fdd000 color_e5005a").removeClass("bg_ff");    };    //选择日期    $scope.selectDate = function(myevent){        var currentObj = $(myevent.target);        currentObj.closest("div.overflow_hidden").find("div.float_left").removeClass("color_e5005a");        currentObj.closest("div.float_left").addClass("color_e5005a");    };    //确认时间日期    $scope.confirmDateTime = function(){        var selectObjs = $(".bg_f8f8f8 .color_e5005a");        //获取日期对象        var dateObj = $(selectObjs[0]);        if(dateObj.length ==　0){        alert("请选择日期");        return false;        }                //获取时间对象        var timeObj = $(selectObjs[1]);                if(timeObj.length ==　0){        alert("请选择时间");        return false;        }                //repairDeviceDataShareServer.appointmentDate.date = dateObj;        repairDeviceDataShareServer.appointmentDate.date = "2016-6-6";        repairDeviceDataShareServer.appointmentDate.time = timeObj.html();                this.back();    };}]);

跳转到一个新的页面中，然后重置repairDeviceDataShareServer里面的数据

angular.module("sqhApp").controller("applianceIndexController", ["$scope", "$state","repairDeviceDataShareServer","applianceWashShareServer", function ($scope, $state, repairDeviceDataShareServer,applianceWashShareServer) {//初始化家电维修共享数据repairDeviceDataShareServer.deviceRepairObj = [];repairDeviceDataShareServer.xiquLocation = {};repairDeviceDataShareServer.appointmentDate = {"date":"","time":""};repairDeviceDataShareServer.appointmentBackPage = {};repairDeviceDataShareServer.locationBackPage = {};repairDeviceDataShareServer.formData = {};repairDeviceDataShareServer.questionDesc = "";//初始化家电清洗共享数据    applianceWashShareServer.washType="";applianceWashShareServer.formData={};applianceWashShareServer.goodsSelected=[];}]);

0 0