如何为授权和未经授权的用户提供根服务？ [角路由器]答案

【问题标题】：how to serve the root for both authorised and unauthorised user? [angular router]如何为授权和未经授权的用户提供根服务？ [角路由器]
【发布时间】：2018-06-18 03:39:59
【问题描述】：

我从许多著名的网站（例如 twitter、twitch、facebook）了解到，它们都为授权和未授权用户提供根路径。对于 twitter，url 位置在用户登录前后指向https://twitter.com。

Angular 路由器似乎只提供静态配置，因此我无法根据 canActivate 防护内部的身份验证逻辑动态创建组件。我只能做的是导航（例如this.router.navigate（['/login']））到不同的路径，然后角度将实例化相应的组件，但我将不再位于根目录中。

关于如何实现上述角度路由器模式的任何想法？非常感谢！

【问题讨论】：

标签： angular router

【解决方案1】：

如果使用*ngIf，您可以完全更改同一页面。在“伪代码”中

<div *ngIf="!authenticate">
   login
</div>
<div *ngIf="autenticate">
    <div ngFor="let post in postAutenticate">
    </div>
</div>

【讨论】：