代码之家 › 专栏 › 技术社区 › Get Off My Lawn

路由器:基于相同路由路径的访问显示组件

typescript angular javascript

-1

Get Off My Lawn · 技术社区 · 4 年前

我有一个 home 一个管理员和一个用户都使用的路线,有没有一种方法可以展示 UserComponent 如果您以用户身份登录,并显示 AdminComponent 如果你以管理员身份登录?

这就是我目前拥有的:

const routes: Routes = [
  { path: 'login', component: LoginComponent },
  {
    path: 'home',
    component: HomeComponent,
    children: [
      // Children routes mix of user/admin paths
    ]
  }
]

我当时想的是,也许我可以做类似的事情,但是,我不知道如何在脚本中的这一点上访问服务。

component: this.userService.isAdmin ? AdminComponent : UserComponent,

1 回复 | 直到 4 年前

AC101 4 年前

您可以在HomeComponent中这样做:

HTML:

<admin-component *ngIf="isAdmin; else userHome;"></admin-component>
<ng-template #userHome>
    <user-component></user-component>
</ng-template>

TS:

class HomeComponent {
    public isAdmin: boolean;

    constructor(userService: UserService) {
         this.isAdmin = userService.isAdmin;
    }
}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前