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