南强小屋 Design By 杰米
废话不多说了,直接看干货吧。
使用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实现多个页面共享数据的方式就给大家介绍这么多,希望对大家有所帮助!
南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米
暂无Angularjs实现多个页面共享数据的方式的评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。