angular.js - angularjs 传输数据问题
本文介绍了angular.js - angularjs 传输数据问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
有什么方法在加载控制器前先从服务端得到某些数据?从而在controller中能保证得到值?(头大,黑线···)
定义了一个factory gData如下
angular.module('myapp', ['user'])
.factory('gData', function ($http) {
//$rootScope该怎么用????
var data = {
userInfo:{}
};
$http.get('user/getProfile', {})
.then(function (r) {
console.log(r.data); //这是console1
if(r.data.status == 1) {
data.userInfo.userId = r.data.data['user'].id;
data.userInfo.name = r.data.data['user'].name;
data.userInfo.group_id = r.data.data['user'].groups[0].id;
data.userInfo.supervisor_id = r.data.data['user'].groups[0].supervisor_id;
}
});
console.log(data);//这是console2
return data;
})
由于异步加载,console2先于1执行,所以返回的空值。
//请假条controller,user model中
.controller('AskforLeaveController', [
'$scope',
'UserService',
'$filter',
'gData',
function ($scope, UserService,$filter,gData) {
console.log(gData.userInfo); //有值
console.log(gData.userInfo.userId);//undefind
UserService.askLeaveInfo.user_id = gData.userInfo.userId; //失败,undefind!!!!how can I do
UserService.askLeaveInfo.supervisor_id = gData.userInfo.supervisor_id; //失败,undefind
//...
求解啊,该怎么处理???(哭)各种方法弄两天了
还有个问题,myapp下定义的$rootScope在user下的controller里居然也提示我undefind...
解决方案
不知道你是否知道promise?
$http.get() 方法会返回一个promise,不懂promise的话先google一下
以下是一种思路:
angular.module('myapp', ['user'])
//创建service
.service('user.service', function($http,$q) {
var userInfo = null;
return {
getUserInfo: function () {
return $q(function (resolve) {
if (userInfo) {
resolve(userInfo);
}else {
$http.get('/user/getProfile', {}).then(function (resp) {
userInfo = {
userId:resp.data.user.id,
name:resp.data.user.name,
group_id:resp.data.groups[0].id,
supervisor_id:resp.data.groups[0].supervisor_id,
};
resolve(userInfo);
});
}
});
}
};
})
//使用这个service
.controller('xxx',['user.service',function (service) {
service.getUserInfo().then(function (userInfo) {
console.log(userInfo);
});
}]);
这篇关于angular.js - angularjs 传输数据问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文