改變與角2路由模板

Question

我有一個模板機智三個部分的僅一個部分一個是頂部導航隨後左側導航和內容部分，其是正確的格或元件

<nav>top navs goes here </nav> 
<div class="container> 
<div class="row"> 
<div class="col-md-3" id="left-nav"> 
left navs goes here 
</div> 
<div class="col-md-9" id="content"> 
    <!--Content goes here--> 
    <router-outlet></router-outlet> 
</div> 
</div> 

問題我現在擁有的是<router-outlet></router-outlet>，它應該用內容標識代替div內的HTM，但不這樣做。而是抓取同一模板的所有HTML，並將其放置在<div class="col-md-9" id="content">Content goes here</div>之內。爲什麼複製相同的模板是這種正常行爲，或者我的實現有問題？

Answer 1

如果您只更改頁面的一部分，則一個路由器插座就足夠了。 在路由器插座的位置，組件被注入。 注入什麼組件是由您的路由配置定義的。
也發生變化：

<div class="col-md-9"> id="content"> 
to 
<div class="col-md-9" id="content">