angular - Angular 2：在有条件的同一条路线上加载不同的组件？

Question

有什么办法可以让我在同一条路线上加载不同的组件（在我的情况下是根路线）。

基本上我想看看用户是否登录，如果他登录，将加载仪表板组件，如果他未登录，将加载主页组件

再次为了明确问题，我不想使用身份验证保护将用户重定向到不同的路线。我想在同一条路线上加载不同的组件

Answer 1

如果您不想使用警卫，这就是您在问题中提到的，您可以简单地使用 ngIf。

示例：

<div *ngIf="this.authService.hasPermissionForDashboard()">
 <app-dashboard><app-dashboard>
</div>
<div *ngIf="this.authService.hasNotPermissionForDashboard()">
 <app-home><app-home>
</div>