typescript - guide - install angular 2

Cómo utilizar el nuevo NavigationStart @ angular-router 3.0.0-alpha.*

Question

Veo estos nuevos eventos en el nuevo Angular 2 Router.

Theres NavigationStart, NavigationEnd, NavigationFailed (o algo así)

¿Alguien sabe cómo usar estos todavía? Me he metido con algunas cosas, pero no he podido hacer que hagan nada.

Answer 1

Como esta

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

Answer 2

El Router proporciona un events observable que se puede suscribir a

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

Ver también

• 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

NOTA

No te olvides de importar NavigationStart desde el módulo del router

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

porque si no lo importa, instanceof no funcionará y un error NavigationStart is not defined aumentará.