首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角4-视图设置

角4-视图设置
EN

Stack Overflow用户
提问于 2017-09-05 07:11:24
回答 1查看 77关注 0票数 0

我想要建立一个角应用程序,其中有一个正常的注册/登录形式和一些不同的alt页面。

我的问题是我不知道如何控制不同的观点。例如,如果您使用普通用户类型登录,您可以看到视图1。

如果您使用其他用户类型登录,则会看到与其他用户类型不同的视图。

EN

Stack Overflow用户

回答已采纳

发布于 2017-09-05 07:32:28

您可以重定向到这样的卫队中的特定视图:

使用CanActivateChild保护路由文件中的children: []组件,否则使用接口CanActivate。应用的逻辑保持不变。

代码语言:javascript
运行
复制
import {Injectable} from '@angular/core';
import {Router, CanActivateChild} from '@angular/router';
import {AuthenticationService} from '../services';

@Injectable()
export class LoginAuthGuard implements CanActivateChild {

  constructor(private router: Router,
              private authenticationService: AuthenticationService) {
  }

  canActivateChild(): boolean {
    if (this.authenticationService.isLoggedIn()) {
      if (**normal user type **) {
         this.router.navigate(['/view1']);
      } else {
         this.router.navigate(['/view2']);
      }

      return true;
    } else {

      this.router.navigate(['/login']);
      return false;
    }
  }

}
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46048952

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档