【问题标题】:Restrict unauthorised access in Component Angular 2在组件 Angular 2 中限制未经授权的访问
【发布时间】:2016-03-10 18:36:43
【问题描述】:

在用户登录之前,我必须阻止用户在任何路线上移动。

谁能帮我在 Angular 2 组件路由中实现这一点。

谢谢,

【问题讨论】:

  • 对于 Stack Overflow 来说,这个问题太宽泛了,而且您没有进行任何研究或努力。请用您迄今为止所做的尝试以及为什么它没有按预期工作来澄清您的问题。
  • 我的意思是我在 Angular2 中寻找 $routeChangeStart
  • 你要找的是CanActivate,也可以看看这个issue
  • 这是 plnkr,但这不是 runnign 代码,app-injector.ts 有注释。 plnkr.co/edit/r2IFYgsFrD526g68nhfg?p=preview
  • @AshutoshSingh 你是怎么解决这个问题的?

标签: routing angular angular2-routing


【解决方案1】:

您可以使用 angular2 提供的 @CanActivate 装饰器。你用一个条件来装饰你想要限制的组件。更多信息可以在 angular 文档中找到:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-03-05
    • 1970-01-01
    • 1970-01-01
    • 2020-05-27
    • 1970-01-01
    • 2016-08-12
    • 2014-07-01
    • 1970-01-01
    相关资源
    最近更新 更多