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á.