在组件中实现 onActivate答案

【问题标题】：Implementing onActivate in a component在组件中实现 onActivate
【发布时间】：2017-12-18 00:33:45
【问题描述】：

我从@angular/router 发现了很多关于onActivate 接口的教程。

我正在使用 Angular 4，但此接口不存在。

onActivate 还暴露吗？

【问题讨论】：

什么教程？这似乎来自路由器的 v2，在 Angular 2.0 最终版之前已被弃用：stackoverflow.com/q/37750552/3001761。我建议您查找更多最新资源。
Angular 文档团队非常棒，他们的深入解释在这里有两个链接可以帮助你angular.io/api/router/CanActivate angular.io/guide/router#canactivate-requiring-authentication
这似乎解决了弃用历史，它提到了第一次弃用，然后是第二次弃用更新和链接，stackoverflow.com/a/37304911/448144 希望它有所帮助-另外，当前文档angular.io/guide/router
嘿，my answer 有帮助吗？

标签： angular

【解决方案1】：

你可能读过的接口是canActivate，它仍然存在于@angular/router包中：

export interface CanActivate {
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean;
}

但是，它不是用在组件上，而是用在路由器防护上：

import { CanActivate } from '@angular/router';

export class CanActivateGuard implements CanActivate {

}

【讨论】：

我正在寻找 onActivate 而不是 canActivate。但我认为它已被弃用。
你能参考你在哪里找到它的文章吗？
https://stackoverflow.com/questions/37796038/angular-2-routing-onactivate 例如或Angular github中的这个问题https://github.com/angular/angular/issues/6611

【解决方案2】：

您可能会想到https://angular.io/api/router/RouterOutlet，其中activate 是在将新组件放置在路由器插座中时引发的事件。

在此示例中，onActivate() 只是函数名称 - 但可以是任何名称。

【讨论】：