调用在我的控制器中使用.factory创建的服务时遇到问题.
代码如下所示.
工厂(app.js)：
代码如下所示.
工厂(app.js)：
.factory('Database',function($http){
return {
getDatabase: function(){
var database = {};
$http.get('http://localhost:3001/lookup').
success(function(data){
database.companyInfo = data.info.companyInfo;
});
}).
error(function(data){
console.log('Error' + data);
});
return database;
}
};
})
控制器：
angular.module('webClientApp')
.controller('MainCtrl',function (Database,Features,$scope,$http) {
$scope.databaseString = [];
$scope.quarters = ['Q1','Q2','Q3','Q4'];
$scope.years = ['2004','2005','2006','2007','2008','2009','2010','2011','2012','2013','2014'];
$scope.features = Features.getFeatures();
$scope.database = Database.getDatabase();
console.log($scope.database);
现在,当我在Firebug中检查元素时,我得到了在GET语句结果之前打印出的console.log($scope.database). $scope.database显示为Object {},其中包含所有属性.
但是,如果我尝试使用console.log($scope.database.companyInfo),我得到一个未定义的结果,而我应该得到我从theDatabase`服务传递的data.info.companyInfo(在这种情况下是一个数组) .
这里有什么问题？有人能帮我吗？
(如果您需要澄清,请告诉我..)
解决方法
$http.get()调用是异步的,并使用promise对象.因此,根据您提供的代码,在服务中运行success方法之前,您最有可能输出$scope.database.
.factory('Database',function($http){
return {
getDatabase: function(onSuccuess,onFailure){
var database = {};
$http.get('http://localhost:3001/lookup').
success(onSuccess).
error(onFailure);
}
};
})
这将是控制器代码：
angular.module('webClientApp')
.controller('MainCtrl',$http) {
$scope.databaseString = [];
$scope.quarters = ['Q1','Q4'];
$scope.years = ['2004','2014'];
$scope.features = Features.getFeatures();
Database.getDatabase(successFunction,failureFunction);
successFunction = function(data){
$scope.database = data.info.companyInfo;
console.log($scope.database);
});
failureFunction = function(data){
console.log('Error' + data);
}
