废话不多说了,直接看干货吧。
使用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=[]; }]);
关于本文给大家分享的Angularjs实现多个页面共享数据的方式就给大家介绍这么多,希望对大家有所帮助!
问题内容: 我想将一些数据从一个HTML页面发送到另一HTML页面。我通过类似的查询参数发送数据 。这种方法的问题在于数据保留在URL中。是否有其他方法可以使用JavaScript或jquery在HTML页面之间发送数据。 问题答案: 为什么不将值存储在HTML5存储对象(例如或)中,请访问HTML5存储文档以获取更多详细信息。使用此功能,您可以在本地临时/永久存储中间值,然后在以后访问您的值。
本文向大家介绍jsp简单实现页面之间共享信息的方法,包括了jsp简单实现页面之间共享信息的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jsp简单实现页面之间共享信息的方法。分享给大家供大家参考。具体如下: 这里演示jsp父页面得到在子页面的配置信息,减少代码重复。 1. 父页面: 2. 子页面: 希望本文所述对大家的JSP程序设计有所帮助。
问题内容: 有没有办法在AngularJS中的服务之间共享数据? 用例:来自不同服务的数据聚合 例如,我想要一个service1从REST服务加载一些数据。然后,另一个service2将来自另一个REST API的其他数据添加到service1数据中,以创建数据聚合服务。 我基本上是想根据它们使用的API来分离服务,但是仍然有一个服务来最终保存所有数据。 问题答案: 创建使用延迟库的第三项服务,以
问题内容: SPA是Angular的绝妙之处,但是如果我需要其他与index.html不相关的页面怎么办,具有不同ui视图的UI-Router状态又如何实现呢? 例如,我有 index.html : app.js : 现在,我需要与index.html完全不同的 login.html (不需要索引的页眉,页脚,侧边栏),但是config stateProvider仅查找index.html u
本文向大家介绍Android实现不同apk间共享数据的方法(2种方法),包括了Android实现不同apk间共享数据的方法(2种方法)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android实现不同apk间共享数据的方法。分享给大家供大家参考,具体如下: Android给每个APK进程分配一个单独的用户空间,其manifest中的userid就是对应一个Linux用户(Android
本文向大家介绍Vue + Elementui实现多标签页共存的方法,包括了Vue + Elementui实现多标签页共存的方法的使用技巧和注意事项,需要的朋友参考一下 这个主题,早在一年前就已经创建,也写了一些内容,碍于在应用上体验始终不够完美,一直只存着草稿。 经过多个平台实践,多次迭代,一些功能加了又减了,最后还是回归了最精简的版本,已适用于大部分的场景,若有需要,可自行扩展。 关键逻辑 使用