是关于一个angularjs的问题，版本1.4.3
在controller里调用$http调用api，可以顺利拿到api返回的数据，并绑定到html标签中，
但是想到很多个controller可能会用到此api，不利于维护，所以想在一个统一的地方去调用api，就在factory中调用，结果问题出来了，由于$http是异步加载的，还没等返回数据，controller就绑定一个空对象到前端，导致显示不出调用API返回的数据。网上也查了很多资料，一直没解决这个问题。不知道是版本的问题还是其他原因，用网上给的方式，会报错。
我把代码贴出来，各位大侠看看，怎么解决这个问题，拜托了，好郁闷的。。。。。。。
endpoint.js
angular.module("endpoint", []).service("endpointConfig", function () {
var self = this;
var siteUrl = "/";
self.getUser = {
url: siteUrl + "static/common/json/user.json",
method: "GET"
};
});
userModule.js
var userModule = angular.module("userModule", ["endpoint"]);
userModule.factory("userModel", function ($http, endpointConfig) {
var userModel = {};
userModel.query = function () {
$http({
url: endpointConfig.getUser.url,
method: endpointConfig.getUser.method,
data: {
}
}).success(function (data, header, config, status) {
//响应成功
debugger;
return data;
}).error(function (data, header, config, status) {
//处理响应失败
return data
});
//return {firstName:"static-johnny",lastName:"Yin",email:"adfsd@qq.com"};
};
return userModel;
});
userController.js
userModule.controller("userController", function ($scope, userModel) {
debugger;
$scope.model = userModel.query();
});
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="static/common/plugins/bootstrap/bootstrap.min.css" rel="stylesheet" />
</head>
<body ng-app="userModule" ng-controller="userController">
<div class="jumbotron">
<input class="form-control" value="" ng-model="model.firstName" />
<h1>First Name:<span ng-bind="model.firstName"></span></h1>
<h1>Last Name:<span ng-bind="model.lastName"></span></h1>
<h1>Email:<span ng-bind="model.email"></span></h1>
</div>
<script src="static/common/plugins/angular/angular.min.js"></script>
<script src="static/common/js/app/services/endpoint.js"></script>
<script src="static/common/js/app/modules/userModule.js"></script>
<script src="static/common/js/app/controllers/userController.js"></script>
</body>
</html>
