问带有登录检查的Angular2封装组件
EN

Stack Overflow用户

提问于 2016-10-24 11:33:53

回答 1查看 36关注 0票数 0

我已经包装了几个组件的ngInit，并检查用户是否登录：

export class ComponentX implements OnInit {
    constructor(private _authService: AuthService) {}
    ngOnInit() {
       if(this._authService.isLoggedIn()) {
          // Do stuff
       }
       else {
         // Redirect to loggin page
       }
    }
}

由于我真的不想重复我自己，我想把这个，如果检查到其他地方，将应用到我想要它的组件。

我怎么能这么做？

angular

typescript

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-24 12:38:42

正如居恩特所说的

import { Injectable } from '@angular/core'
import { Router, CanActivate } from '@angular/router'
import { AuthUtils } from "./authUtils.service"


@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private _router: Router, private _authUtils: AuthUtils) {}

  canActivate(): boolean {
    if(this._authUtils.isLogged()) {
        return true
    }
    else {
        this._router.navigate(["/login"])
        return false
    }
  }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40217341

复制

相似问题

问带有登录检查的Angular2封装组件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有登录检查的Angular2封装组件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有登录检查的Angular2封装组件
EN