改变与角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">