我正在处理一个特别恼人的问题。我只是使用Angular 2和Javascript作为一个整体，但我会尝试尽可能连贯地解释我的问题。
路由工作正常，这意味着我可以很好地浏览不同的页面，只是每当我更改页面时，上一页的模板都会附加到实际所需页面的底部。
图形：
说这是上一页，第A页：
第A页
功能1， 功能2， 特色3
这是我想要导航到的页面，第B页：
第B页
功能4， 特色5， 特色6
我只想看B页，但我看到的是：
第B页
功能4， 特色5， 特色6
第A页
功能1， 功能2， 特色3
当我导航到第C页时，我会在屏幕页面 C，B和A 上看到，依此类推。
我不知道是什么导致了这个问题，有没有人对这可能是什么有任何想法？
-------------------------------------------- -----------------------------
应用程序中有两个嵌入式路由器出口（它是一个Intranet管理面板）。根应用程序模块级别有一个，然后是嵌套深度的另一个。
基本上：
app.module
app.component.html (first router-outlet)
|
|-- layout.module
layout.component.html( second router-outlet)
|
|-- (all the code for the various sections of the admin panel is here, nestled inside this second router-outlet)
app.component.html
<router-outlet></router-outlet>
然后是layout.component.html
<app-header></app-header>
<app-sidebar></app-sidebar>
<section class="main-container">
<router-outlet></router-outlet>
</section>