如何使加载/转动条在angular2中的惰性路由器加载中处于活动状态

我使用的是angular2.0发行版。当我加载一个懒惰的路由器，如果路由器有很多代码，它几乎是1MB，浏览器需要等待一段时间，这是不友好的，所以我想创建一个加载动画。 angular2是否提供事件或指令？如何使加载/转动条在angular2中的惰性路由器加载中处于活动状态

对不起，我的英语不好。

来源

2016-09-22 Tivon

我的建议是这样的：

设置，通过一个BehaviorSubject /可观察暴露出公共标志的服务。让我们把它isLoading$
使用CanActivate检测时延迟加载开始：在isLoading$上isLoading$
当模块加载发出true，发出false从模块的入口组件的onInit()。
创建或类似，以指示加载旋转器：*ngIf="isLoading$ | async"

来源

2016-09-22 08:03:20 j2L4e

谢谢，我发现了一种方法 'this.router.events.subscribe（（事件）=> { 变种ISSTART =事件的instanceof NavigationStart ; 如果（isEnd）this.appProvider.PageIsLoading = false; };; – Tivon

如何使加载/转动条在angular2中的惰性路由器加载中处于活动状态

回答

相关问题