角度 |使用具有相同路由的两个组件

Question

我需要使用这个路由'/'，但是这个路由必须使用一个组件，该组件是在身份验证后选择的。

我想做 Facebook 做的事情。当您即将登录时，网址是“facebook.com”，当您在主页时也是“facebook.com”。

所以，我一直在尝试的答案是什么： https://stackoverflow.com/a/49095103/9588225

但问题是我得到了这个错误：“循环依赖注入”，因为匹配器中的注入。

我想知道是否有另一种方法可以在函数中注入服务，或者是否有某种方法可以验证。

非常感谢。

Answer 1

为路由保留相同的组件并具有两个单独的子组件和一个 *ngIf 或其他内容可能会更容易，具体取决于用户是否已登录

<login-component *ngIf="!userLoggedIn"></login-component>
<app-component *ngIf="userLoggedIn"></app-component>

这只是一个基本示例，但您可以从这里扩展

这样您就可以完全控制在路线上显示哪个组件，并且您不必担心未来版本的角度会破坏您的路线配置。