angular - angular 中的多个应用程序组件

Question

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

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

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

我想支持两个观点 user和 admin在同一个应用程序中(例如，在 /admin 和 /user 下)。这需要单独的导航组件 <nav-admin></nav-admin>当下 /admin链接。

有没有办法做到这一点？

Answer 1

我认为你需要的只是 *ngIf :

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