如何在Angular 2+ /7 Typescript中显示(最初)加载屏幕并隐藏(例如3) get请求被解析时
如何在Angular 2+ /7 Typescript中显示(最初)加载屏幕并隐藏(例如3) get请求被解析时
提问于 2019-04-11 03:10:18
我是Angular 7的新手，我试图在加载app(根)组件时显示加载屏幕，然后我有两个组件Get1和Get2，它们分别调用2 Get http request。当两个Get请求都完成时，如何隐藏加载栏。在AngularJS术语中，我们有一个promise.all来知道何时完成了所有请求，就像这样http://jsfiddle.net/danielzen/t7g7djzk/在Angular中使用可观察对象做了什么或做了什么
我能做这些
this.navbarService.getFiscalDateList(this.resultsFilterRootObject)
.subscribe((data: FiscalWeekListRootObject) => {
this.fiscalWeekListRootObject = {...data};
this.currentWeek = this.fiscalWeekListRootObject.data.vehicleFiscalDate.vehicleFiscalWeek;
//hide loading screen since there is only one GET what to do for multiple GET requests
}
);预期:在角度中解析2个观察值时隐藏加载屏幕
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-04-11 03:38:45
我以前遇到过完全相同的问题，在我看来，解决这个问题的最好方法是使用拦截器。
这里有一篇很棒的文章，解释了如何让它正常工作，它在1个或多个http调用中工作得很好。它包括你可以复制和粘贴的代码，这样你就可以让你的应用程序快速运行。
https://nezhar.com/blog/create-a-loading-screen-for-angular-apps/
Stack Overflow用户
发布于 2019-04-11 03:55:58
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55619759
复制相关文章
相似问题
腾讯云开发者
