Angular2 NavigationEnd 事件的“事件”类型上不存在属性“url”

Question

    this.subscription = this.router.events.subscribe((event:Event) => {
        console.log(event.url); ##### Error : Property 'url' does not exist on type 'Event'.
   }

Typescript doesn't recognize the properties of the type Event that is built into the Angular Router. Is there something on tsd that I can use to solve this? Event is the super class of classes NaviagationEnd, NavigationStart

Answer 1

You have to import { Event } from @angular/router; . Try moving console into the if block with condition.

this.subscription = this.router.events.subscribe((event:Event) => {
  if(event instanceof NavigationEnd ){
    console.log(event.url);
  }
});

Answer 2

Router event are usually used to watch router states and can write custom logic as requirement.

we can use NavigationStart or NavigationEnd to achieve states.

step 1: add import statement

import { Router, NavigationStart, Event as NavigationEvent } from '@angular/router';

` step 2: add below code.

this.router.events
  .subscribe(
    (event: NavigationEvent) => {
      if(event instanceof NavigationEnd) {
        console.log(event.url);
      }
    });