Jak korzystać z nowego NavigationStart @ angle-router 3.0.0-alpha. *

Question

Widzę te nowe zdarzenia w nowym routerze Angular 2.

Theres NavigationStart, NavigationEnd, NavigationFailed (czy coś takiego)

Czy ktoś wie, jak korzystać z nich jeszcze? Zrobiłem kilka rzeczy, ale nie udało mi się ich zmusić do zrobienia czegokolwiek.

Answer 1

Router dostarcza events obserwowalne, które mogą być subskrybowane

constructor(router:Router) { 
    router.events.subscribe(event => { 
    if(event instanceof NavigationStart) { 
    } 
    // NavigationEnd 
    // NavigationCancel 
    // NavigationError 
    // RoutesRecognized 
    } 
}); 

Zobacz także

• https://angular.io/docs/ts/latest/api/router/index/Router-interface.html
• https://angular.io/docs/ts/latest/api/router/index/NavigationStart-class.html
• https://angular.io/docs/ts/latest/api/router/index/NavigationEnd-class.html
• https://angular.io/docs/ts/latest/api/router/index/NavigationCancel-class.html
• https://angular.io/docs/ts/latest/api/router/index/NavigationError-class.html
• https://angular.io/docs/ts/latest/api/router/index/RoutesRecognized-class.html

UWAGA

nie zapomnij importować NavigationStart z modułem router

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

bo jeśli nie to nie będzie importować instanceof praca i błąd wzrośnie.

Answer 2

Podobnie jak to

constructor(
    private router:Router 
){} 
this.router.events 
    .filter(event=> event instanceof NavigationStart) 
    .subscribe((event:NavigationStart)=>{ 
    // TODO 
    });