角度的多个应用程序组件

Question

我是 Angular 的新手。我目前正在使用 Meteor+Angular。

我有一个看起来像这样的app.component.html：

<div id="main">
  <nav-user></nav-user>
  <router-outlet></router-outlet>
<div>

我想在同一个应用程序中支持user 和admin 的视图（例如，在/admin 和/user 下）。这需要在/admin 链接下使用单独的导航组件<nav-admin></nav-admin>。

有没有办法做到这一点？

Answer 1

我认为你只需要 *ngIf :

<nav-user *ngIf='user.type=="user"'></nav-user>
<nav-admin *ngIf='user.type=="admin"'></nav-admin>