角度中的多个应用程序组件

MFA*_*RID 4 meteor angular-ui-router angular

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

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

<div id="main">
  <nav-user></nav-user>
  <router-outlet></router-outlet>
<div>
Run Code Online (Sandbox Code Playgroud)

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

有办法做到这一点吗?

Viv*_*shi 5

我想你所需要的只是 *ngIf :

<nav-user *ngIf='user.type=="user"'></nav-user>
<nav-admin *ngIf='user.type=="admin"'></nav-admin>
Run Code Online (Sandbox Code Playgroud)