完成页面加载程序并在Angular 4中设置页面时加载页面内容

Question

我正在使用Angular 4，并停留在以下位置。

当URL命中时，我正在使用警卫来验证几件事（这很好）

但是当Url Guard返回True时，我正在显示Page loader，这样我就可以从Api请求（我在后端Apis中使用Laravel）和此Page loader获得很少的必要信息（如UserDate，我的所有项目清单等）在应用程序组件中显示。

现在，如果由于任何原因导致获取数据的错误，那么我将重定向到“登录”页面

但是，如果获取了数据，则与该URL相连的组件将开始其工作和设置页面（在页面加载程序的背面）

现在，当将页面设置在页面加载器的背面时，页面加载器的工作端点和页面加载器将被隐藏，并显示已设置页面。

这就是我想存档的所有内容。

//MY AppComponent Code
private loading:boolean  = false;
private pageLoads:boolean = true;
constructor(private route: ActivatedRoute,
private router: Router,private http:HttpClient) { 

  this.loading = true;
  this.http.get(environment.apiUrl+'/accountBasic').subscribe(
   data => this.onSuccess(data),
   error => this.onerror(error),
  );

}

onSuccess(data){
   //Here on Success i wanted to start working of componenet which is attached with the url
}
onerror(error){
    //here i will redirect the user to login agein
}

请帮助我完成此操作。 谢谢。