Angularjs实现多个页面共享数据的方式

前端之家收集整理的这篇文章主要介绍了Angularjs实现多个页面共享数据的方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

废话不多说了,直接看干货吧。@H_404_1@

使用service来共享数据 @H_404_1@

定义一个共享服务的service@H_404_1@

名称、数量、唯一标识 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中@H_404_1@

获取时间 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里面的数据@H_404_1@

关于本文给大家分享的Angularjs实现多个页面共享数据的方式就给大家介绍这么多,希望对大家有所帮助!@H_404_1@

猜你在找的JavaScript相关文章