Angular Route Start 和 Route End 事件

Question

如何访问路由开始和路由结束事件？
我想在路由和加载数据时显示进度条。

有人可以告诉我这是如何工作的吗？

Answer 1

如果您更喜欢使用 observable:

import { Router, NavigationStart } from '@angular/router';
...
    constructor(router:Router) {
      router.events.subscribe(e => {
        if(e instanceof NavigationStart) {
          // Init Code
        }

        if(e instanceof NavigationEnd) {
          // Exit Code
        }
      }
    });