本文給大家介紹使用Angularjs實(shí)現(xiàn)多個(gè)頁面共享數(shù)據(jù)的方式，通過定義一個(gè)共享服務(wù)service來實(shí)現(xiàn)此功能，對angularjs共享數(shù)據(jù)相關(guān)知識感興趣的朋友一起學(xué)習(xí)
使用service來共享數(shù)據(jù)
定義一個(gè)共享服務(wù)的service
//家電維修共享數(shù)據(jù)的服務(wù)
angular.module("sqhApp").factory("repairDeviceDataShareServer",function($http,$state,$ionicPopup){
return {
//緩存當(dāng)前需要維修的設(shè)備名稱、數(shù)量、唯一標(biāo)識
deviceRepairObj : [],
//小區(qū)位置
xiquLocation:{},
//預(yù)約時(shí)間
appointmentDate:{
"date":"",
"time":""
},
//預(yù)約日期界面回退到上一個(gè)界面的記錄
appointmentBackPage:"",
//獲取地址回退界面記錄
locationBackPage:"",
//家電維修描述
questionDesc:"",
//確認(rèn)預(yù)約
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){
//提示需要選擇設(shè)備
var alertPopup = $ionicPopup.alert({
title: '家電維修',
template: response.msg
});
alertPopup.then(function(res) {
$state.go("appliance_index");
});
}else{
//提示需要選擇設(shè)備
var alertPopup = $ionicPopup.alert({
title: '家電維修',
template: response.msg
});
alertPopup.then(function(res) {
});
}
});
},
//確認(rèn)預(yù)約提交的數(shù)據(jù)
formData:{}
};
});
跳轉(zhuǎn)到一個(gè)新的頁面，將repairDeviceDataShareServer注入到controller中
//預(yù)約時(shí)間控制器
angular.module("sqhApp").controller("orderDateController", ["$scope", "$state",
'$ionicPopup', 'repairDeviceDataShareServer','appointmentDateService',
function ($scope, $state, $ionicPopup,repairDeviceDataShareServer,appointmentDateService) {
$scope.lists=[];
//從服務(wù)器獲取時(shí)間
appointmentDateService.getAppointmentDateList($scope);
//回退到上一個(gè)頁面
$scope.back = function(){
var backPage = repairDeviceDataShareServer.appointmentBackPage;
//如果沒有記錄值，則跳轉(zhuǎn)到家電清洗服務(wù)包目錄
if(backPage == ""){
$state.go("appliance_index");
}else{
$state.go(backPage);
}
}
//選擇時(shí)間
$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");
};
//確認(rèn)時(shí)間日期
$scope.confirmDateTime = function(){
var selectObjs = $(".bg_f8f8f8 .color_e5005a");
//獲取日期對象
var dateObj = $(selectObjs[0]);
if(dateObj.length == 0){
alert("請選擇日期");
return false;
}
//獲取時(shí)間對象
var timeObj = $(selectObjs[1]);
if(timeObj.length == 0){
alert("請選擇時(shí)間");
return false;
}
//repairDeviceDataShareServer.appointmentDate.date = dateObj;
repairDeviceDataShareServer.appointmentDate.date = "2016-6-6";
repairDeviceDataShareServer.appointmentDate.time = timeObj.html();
this.back();
};
}]);
跳轉(zhuǎn)到一個(gè)新的頁面中，然后重置repairDeviceDataShareServer里面的數(shù)據(jù)
angular.module("sqhApp").controller("applianceIndexController", ["$scope", "$state","repairDeviceDataShareServer","applianceWashShareServer", function ($scope, $state, repairDeviceDataShareServer,applianceWashShareServer) {
//初始化家電維修共享數(shù)據(jù)
repairDeviceDataShareServer.deviceRepairObj = [];
repairDeviceDataShareServer.xiquLocation = {};
repairDeviceDataShareServer.appointmentDate = {"date":"","time":""};
repairDeviceDataShareServer.appointmentBackPage = {};
repairDeviceDataShareServer.locationBackPage = {};
repairDeviceDataShareServer.formData = {};
repairDeviceDataShareServer.questionDesc = "";
//初始化家電清洗共享數(shù)據(jù)
applianceWashShareServer.washType="";
applianceWashShareServer.formData={};
applianceWashShareServer.goodsSelected=[];
}]);
關(guān)于本文給大家分享的Angularjs實(shí)現(xiàn)多個(gè)頁面共享數(shù)據(jù)的方式就給大家介紹這么多，希望對大家有所幫助！