【发布时间】：2013-04-23 14:08:13
【问题描述】：
我有一个 AngularJS 服务，我想用一些异步数据进行初始化。像这样的：
myModule.service('MyService', function($http) {
var myData = null;
$http.get('data.json').success(function (data) {
myData = data;
});
return {
setData: function (data) {
myData = data;
},
doStuff: function () {
return myData.getSomeData();
}
};
});
显然这不起作用，因为如果在myData 回来之前尝试调用doStuff()，我将得到一个空指针异常。据我通过阅读here 和here 提出的其他一些问题可以看出，我有一些选择，但它们看起来都不是很干净（也许我遗漏了一些东西）：
使用“运行”设置服务
设置我的应用时，请执行以下操作：
myApp.run(function ($http, MyService) {
$http.get('data.json').success(function (data) {
MyService.setData(data);
});
});
那么我的服务将如下所示：
myModule.service('MyService', function() {
var myData = null;
return {
setData: function (data) {
myData = data;
},
doStuff: function () {
return myData.getSomeData();
}
};
});
这在某些时候有效，但如果异步数据的时间恰好比初始化所有内容所需的时间长，我在调用 doStuff() 时会收到空指针异常
使用承诺对象
这可能会奏效。在我调用 MyService 的任何地方，唯一的缺点是我必须知道 doStuff() 返回一个承诺，并且所有代码都必须让我们then 与承诺进行交互。我宁愿等到 myData 返回后再加载我的应用程序。
手动引导
angular.element(document).ready(function() {
$.getJSON("data.json", function (data) {
// can't initialize the data here because the service doesn't exist yet
angular.bootstrap(document);
// too late to initialize here because something may have already
// tried to call doStuff() and would have got a null pointer exception
});
});
全局 Javascript 变量 我可以将我的 JSON 直接发送到一个全局 Javascript 变量：
HTML：
<script type="text/javascript" src="data.js"></script>
data.js：
var dataForMyService = {
// myData here
};
那么在初始化MyService的时候就可以使用了：
myModule.service('MyService', function() {
var myData = dataForMyService;
return {
doStuff: function () {
return myData.getSomeData();
}
};
});
这也可以，但是我有一个全局 javascript 变量，它闻起来很糟糕。
这些是我唯一的选择吗？这些选项之一是否比其他选项更好？我知道这是一个很长的问题，但我想表明我已经尝试探索我所有的选择。任何指导将不胜感激。
【问题讨论】：
-
angular - bootstrap asynchronously 遍历代码以使用
$http从服务器提取数据，然后将数据保存在服务中，然后引导应用程序。
标签： javascript angularjs asynchronous service angular-promise