Angular 附加组件而不是使用路由器导出替换整个页面

Question

首先。我已经在 stackoverflow 中检查了所有类似的问题及其接受的答案，但没有任何效果。我正在使用 Angular 8.1.3

所以问题是当我点击 routerLink 它只是将我的组件附加到现有组件上但它不应该附加它应该用新组件替换整个屏幕。我尝试通过删除 BrowserAnimationsModule 但没有帮助。

我在stackblitz 中创建了一个小应用程序，请看一下https://stackblitz.com/edit/angular-a8lmjs .在这里我能够重现问题。

Answer 1

这是路由器 socket 的正常行为。 AppComponent 托管 router-outlet 和它的元素，因此它将显示它的元素和由与定义的路由匹配的 router-outlet 附加的组件。

此外，重要的是要知道 AppComponent 是 Angular 默认的 boostraped 组件，这意味着它总是默认加载到 index.htlm 的应用根目录中。

因此，如果您希望归档您描述的内容，那么您应该只在 AppComponent 中放置 router-outlet，并创建另一个组件来托管已删除的元素。