angular - 在使用路由组件进行身份验证之前执行基本组件

Question

我有一个小型示例应用程序，它根据 Angular 2 中的路由（使用 TypeScript）加载各种组件。

接下来我想尝试的一种方法是在调用属于路由的实际组件之前进行身份验证检查。

例如，我可以轻松地创建某种基类，并让我的所有组件类都从中扩展。但是我必须确保我的所有组件都调用基类的构造函数。

但也许有更“Angular 2”的方式来实现相同的目标？

我还没有找到很多关于这个问题的信息。AuthComponent有没有办法在加载任何其他组件之前触发，比如说一个类？

Answer 1

检查@CanActivate注释：

https://angular.io/docs/ts/latest/api/router/CanActivate-decorator.html

您可以阻止组件被实例化并重新路由它们以登录。