問題與路由器事件

Question

我有下面的代碼：

this.routerSubscription = this._router.events 
    .filter(event => event instanceof NavigationStart) 
    .subscribe((event:Event) => { 
     .... 
    }); 

會拋出我的錯誤：我在做什麼錯

error TS2345: Argument of type '(event: Event) => void' is not assignable to parameter of type 'NextObserver<NavigationStart | NavigationEnd | NavigationCancel | NavigationError> | ErrorObserve...'. 
    Type '(event: Event) => void' is not assignable to type '(value: NavigationStart | NavigationEnd | NavigationCancel | NavigationError) => void'. 
    Types of parameters 'event' and 'value' are incompatible. 
     Type 'NavigationStart | NavigationEnd | NavigationCancel | NavigationError' is not assignable to type 'Event'. 
     Type 'NavigationStart' is not assignable to type 'Event'. 
      Property 'bubbles' is missing in type 'NavigationStart'. 

？

Answer 1

我想你忘記了：

import { Event } from '@angular/router'; 

或者用它喜歡：

import { Event as NavigationEvent } from '@angular/router'; 
... 
.subscribe((event: NavigationEvent) 

參見

• How to detect a route change in Angular 2?