限制组件 Angular 2 中的未授权访问

Question

我必须阻止用户在任何路线上移动，直到用户登录。

有人可以帮助我如何在 Angular 2 组件路由中实现这一点。

谢谢，

Answer 1

您可以使用 @CanActivate2 提供的 @CanActivate 装饰器。您用条件装饰要限制的组件。更多信息可以在 angular 文档中找到：

https://angular.io/docs/ts/latest/guide/router-deprecated.html#!#lifecycle-hooks

它有一个使用名为 @CanDeactivate 的类似装饰器的示例。这是一个很好的起点，可以根据您的需要进行自定义。