是否继续显示角度默认加载,直到angular2路由器得到解决?
Angular2 cli提供默认加载,直到其启动。是否继续显示角度默认加载,直到angular2路由器得到解决?,angular,angular2-routing,Angular,Angular2 Routing,Angular2 cli提供默认加载,直到其启动。加载…。 然后angular2路由解析程序启动API调用,检查用户是否经过身份验证,然后再转到所需的路由 但在这两个过程之间,我可以看到空白屏幕。 实际上,角度默认值加载…已删除,解析程序需要一些时间才能解决 所以,在路由器被解析之前,是否仍然可以继续显示角度默认加载符号。您可以在下面尝试 在应用程序根组件中 showSpinner = false; constructor(private router: Router) {} ngOnIni
加载…
。
然后angular2路由解析程序启动API调用,检查用户是否经过身份验证,然后再转到所需的路由
但在这两个过程之间,我可以看到空白屏幕。
实际上,角度默认值加载…已删除,解析程序需要一些时间才能解决
所以,在路由器被解析之前,是否仍然可以继续显示角度默认加载符号。您可以在下面尝试
在应用程序根组件中
showSpinner = false;
constructor(private router: Router) {}
ngOnInit(){
this.router.events
.filter(e => {
return (e instanceof NavigationStart)
|| (e instanceof NavigationEnd ||
e instanceof NavigationCancel ||
e instanceof NavigationError);
})
.map(e => (e instanceof NavigationStart))
.distinctUntilChanged()
.subscribe(showSpinner => {
this.showSpinner = showSpinner;
});
}
在HTML中,使用showSpinner
属性来显示一些gif或动画,您也可以使用(未测试,但应该可以工作)来显示加载…
消息或您最初拥有的任何内容
<ng-content *ngIf="showSpinner" ></ng-content>
希望这有帮助 感谢Madhu,,但它不起作用。Angular 2不编译/处理index.html中的绑定。。所以我没有在ng内容中得到我的“加载…”嗯。。您可能在应用程序根组件中使用带有show spinner..的ngif加载文本,您尝试过吗?干杯是的,我试过了,但没用。。加载文本在my index.html中,而不是在应用程序根组件中…您是否也尝试将加载文本放在应用程序根组件中?