本文給大家介紹使用Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式，通過(guò)定義一個(gè)共享服務(wù)service來(lái)實(shí)現(xiàn)此功能，對(duì)angularjs共享數(shù)據(jù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)

使用service來(lái)共享數(shù)據(jù)

定義一個(gè)共享服務(wù)的service

//家電維修共享數(shù)據(jù)的服務(wù) 

angular.module("sqhApp").factory("repairDeviceDataShareServer",function($http,$state,$ionicPopup){ 

return { 

//緩存當(dāng)前需要維修的設(shè)備名稱(chēng)、數(shù)量、唯一標(biāo)識(shí) 

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è)新的頁(yè)面，將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è)頁(yè)面 

$scope.back = function(){ 

var backPage = repairDeviceDataShareServer.appointmentBackPage; 

//如果沒(méi)有記錄值，則跳轉(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"); 

//獲取日期對(duì)象 

var dateObj = $(selectObjs[0]); 

if(dateObj.length ==　0){ 

alert("請(qǐng)選擇日期"); 

return false; 

} 

//獲取時(shí)間對(duì)象 

var timeObj = $(selectObjs[1]); 

if(timeObj.length ==　0){ 

alert("請(qǐng)選擇時(shí)間"); 

return false; 

} 

//repairDeviceDataShareServer.appointmentDate.date = dateObj; 

repairDeviceDataShareServer.appointmentDate.date = "2016-6-6"; 

repairDeviceDataShareServer.appointmentDate.time = timeObj.html(); 

this.back(); 

}; 

}]);

跳轉(zhuǎn)到一個(gè)新的頁(yè)面中，然后重置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è)頁(yè)面共享數(shù)據(jù)的方式就給大家介紹這么多，希望對(duì)大家有所幫助！