Angular 4多路由器插座

时间:2018-01-25 21:52:40

标签: angular router router-outlet

<div *ngIf="!loggedIn" class="login">
  <router-outlet></router-outlet>
</div>

<div *ngIf="loggedIn" class="main">
  <router-outlet></router-outlet>
</div>

我有一个登录组件(位于class="login")和一个仪表板(位于class="main")组件中。我还有一个寄存器组件,它位于class="login" div中。现在我知道你并不想在同一个模板中使用两个<router-outlet>,但如果它们没有同时显示,我就不知道问题是什么。我也曾尝试使用[routersLink]="[{outlets}]"方法,但它无法使其发挥作用。可能是因为<router-outlet>导致*ngIf未显示。

所以问题是,当我从仪表板组件出发时,我看到了登录组件。当我从登录到寄存器组件时,路由更新但寄存器组件不会触发。如果我直接从登录页面进入注册页面,它会路由并触发寄存器组件。

1 个答案:

答案 0 :(得分:0)

我举起similar question并找到以下答案。看看这对您是否有用