Typescript Angular 2 路由事件监听器

$rootScope.$on('$stateChangeStart',
    function(event,toState,toParams,fromState,fromParams, options){ ... })

window.addEventListener("hashchange", () => {return console.log('ok')}, false);

import {Injectable} from 'angular2/core';
import {Router} from 'angular2/router';

@Injectable()
export class SubscribeService {
    constructor (private _router: Router) {
        this._router.subscribe(val => {
            console.info(val, '<-- subscribe func');
        })
    }
}

import {Component} from 'angular2/core';
import {Router} from 'angular2/router';

@Component({
    selector: 'main',
    templateUrl: '../templates/main.html',
    providers: [SubscribeService]
})
export class MainComponent {
    constructor (private subscribeService: SubscribeService) {}
}

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

import {Router} from 'angular2/router';

class MyComponent {
  constructor(router:Router) {
    router.subscribe(...)
  }
}

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

Typescript相关问答推荐

Typescript：将内部函数参数推断为子对象键的类型

根据另一个成员推断类成员的类型

如何在TypeScrip面向对象程序设计中用方法/属性有条件地扩展类

react 路由6操作未订阅从react 挂钩表单提交+也不使用RTK查询Mutations

类型脚本返回的类型包含无意义的泛型类型名称

诡异的文字类型--S为物语的关键

如何在深度嵌套的Reaction路由对象中隐藏父级？

如何在方法中正确地传递来自TypeScrip对象的字段子集？

将对象的属性转换为正确类型和位置的函数参数

类型推断对React.ForwardRef()的引用参数无效

将接口映射到交叉口类型

TypeScrip：从嵌套的对象值创建新类型

编剧- Select 下拉框

两个名称不同的相同打字界面-如何使其干燥/避免重复？

我如何键入它，以便具有字符串或数字构造函数的数组可以作为字符串或数字键入s或n

如何在Vuetify 3中导入TypeScript类型？

Typescript 确保通用对象不包含属性

根据索引将元组拆分为两个块

为什么 typescript 在对象合并期间无法判断无效键？

将 Angular 从 14 升级到 16 后出现环境变量注入问题