最佳答案
AngularJS:用异步数据初始化服务
我有一个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()，我将得到一个空指针异常。据我所知，从阅读一些其他问题在这里和在这里中，我有一些选择，但没有一个看起来很干净(也许我遗漏了一些东西):
带有“run”的安装服务
当设置我的应用程序这样做:
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变量闻起来很糟糕。
这是我唯一的选择吗?这些选项中是否有一个比其他选项更好?我知道这是一个相当长的问题，但我想表明我已经尝试了所有的选择。任何指导都将不胜感激。
