分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angular – 引导期间的异步HTTP调用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_673_0@

我目前正在构建一个Angular 2组件库,以便将来的UI项目可以共享实现标准功能的代码.我的一个要求是这些UI应用程序在启动时需要来自服务器的一些数据.我想在我的库中封装它.

因此,当我从我的库中注入一个服务到我的应用程序时,我想对服务器端点执行http 调用以获得一些配置.这可能在实例化时发生.

我不确定这是不是一个好主意,Angular 2引导程序是否会等待注入服务来完成http 调用？

我已经看到了几种不同的异步引导Angular 2应用程序的方法,但我不希望在我的应用程序中包含此代码,而是保留在我的库中.我试图隐藏我的库中的这个过程的细节,以便其他开发人员不会试图破解它.

解决方法

您可以利用APP_INITIALIZER服务.有了它,应用程序将等待返回的promise在实际启动之前得到解决.

这是一个示例：

provide(APP_INITIALIZER,{
  useFactory: (service:SomeservicE) => () => service.init(),deps:[Globalservice,http_PROVIDERS],multi: true
})

init方法想要这样的东西：

init():Promise<Site> {
  var promise = this.http.get('config.json').map(res => res.json()).toPromise();
  promise.then(config => this.devServer = config.devServer);
  return promise;
}

有关更多详细信息,请参阅github上的此问题：

> https://github.com/angular/angular/issues/9047

@H_673_0@

大佬总结

以上是大佬教程为你收集整理的angular – 引导期间的异步HTTP调用全部内容，希望文章能够帮你解决angular – 引导期间的异步HTTP调用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。