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>

Multiple app components in angular