Angular 如何为授权用户和未授权用户提供根目录服务？[角度路由器]

我从许多著名网站（如twitter、twitch、facebook）了解到，它们都为授权和未授权用户提供根路径服务。表示对于twitter，url位置指向用户登录之前和之后

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

---

你知道如何实现角路由器的上述模式吗？非常感谢

如果可以在同一页上更改完整性，则使用*ngi。在“伪代码”中

登录

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