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