如何在angular2中的延迟路由器加载上激活加载/微调器栏

时间:2016-09-22 04:00:26

标签: angular angular2-routing

我使用angular2.0发行版。 当我加载一个懒惰的路由器,如果路由器有很多代码,它几乎是1MB,浏览器需要等待一段时间,这是不友好的,所以我想创建一个加载动画。 angular2是否提供了事件或指令?

抱歉我的英语不好。

1 个答案:

答案 0 :(得分:1)

我的建议是:

  • 设置通过BehaviorSubject / Observable公开公共标志的服务。我们称之为isLoading$

  • 使用CanActivate检测延迟加载何时开始:true上的isLoading$

  • 模块加载后,从模块的条目组件false isLoading$发出onInit()

  • 创建一个微调器或类似物以指示加载:*ngIf="isLoading$ | async"