Angular 2 路由 onActivate答案

【问题标题】：Angular 2 routing onActivateAngular 2 路由 onActivate
【发布时间】：2016-06-13 17:43:23
【问题描述】：

我正在尝试设置一个组件以使用 routerOnActivate 挂钩，但收到错误消息“组件中缺少 routerOnActivate 属性......”并且组件名称“SettingsHomeComponent”带有红色下划线。这也是子路由...

import {Component} from '@angular/core';
import {Routes, RouteSegment, RouteTree, ROUTER_DIRECTIVES, OnActivate} from '@angular/router';
import {SettingsProfileComponent} from '../profile/settings.profile.component';

@Component({
    selector: 'kg-Settings ',
    templateUrl: './app/components/settings/home/settings.home.component.html',
    directives: [ROUTER_DIRECTIVES]
})

export class SettingsHomeComponent implements OnActivate{
 public isSettingsHome: boolean = false;
  
  routerOnAcivate(curr: RouteSegment, prev?: RouteSegment, currTree?: RouteTree, prevTree?: RouteTree) :void {
       
   }
}

谁能看到错误或告诉我这里出了什么问题...

提前致谢。

【问题讨论】：

标签： angular typescript1.8

【解决方案1】：

错别字

routerOnAcivate

应该是

routerOnActivate

（缺少t）

【讨论】：