如何使用新的NavigationStart @ angular-router 3.0.0-alpha。*

Question

我在新的Angular 2路由器中看到了这些新事件。

Theres NavigationStart，NavigationEnd，NavigationFailed（或类似的东西）

有谁知道如何使用这些？我搞砸了一些事情，但却无法让他们做任何事情。

Answer 1

Router提供了可以订阅的events观察

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

另见

• 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

注意

请勿忘记从NavigationStart模块

导入router

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

因为如果你没有导入它instanceof将无效，错误NavigationStart is not defined将会上升。

Answer 2

就像这样

false