问题描述
假设我在ngOnInit生命周期钩子上有一定的获取服务调用。但是在该调用给出响应之前,我切换到另一个组件并返回到相同的第一个组件,因此又进行了另一个提取服务调用。
我将ngx-ui-loader附加到服务调用中。现在发生了什么,第一个服务调用给出了响应,因此加载程序停止了,但是UI没有更新。当第二个服务调用做出响应时,UI进行了更新。
因此,停止的加载程序和更新的UI之间会有一些时间延迟。
如何防止这种情况?或
如何检查是否已进行任何relevent服务调用,然后我们可以再次订阅它并获得响应并更新UI?
代码: component.ts
user:any = [];
ngOnInit() {
this.commonService.getUserList().subscribe(response => {
this.users = response.body;
});
}
component.html
<ng-container *ngFor="let user of users">
<p>{{ user }}</p>
</ng-container>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)