组件正在路由器出口外加载答案

【问题标题】：component is loading outside router-outlet组件正在路由器出口外加载
【发布时间】：2020-12-30 16:26:39
【问题描述】：

app.component.html

<div class="row">
   <app-aside class="col-lg-3 col-md-12 px-2"></app-aside>
   <router-outlet class="col-lg-9 col-md-12 px-2"></router-outlet> 
</div>

输出

<app-aside class="col-lg-3 col-md-12 px-2"></app-aside>
<router-outlet class="col-lg-9 col-md-12 px-2"></router-outlet> 
<app-dashboard></app-dashboard>

我正在尝试在路由器插座中加载组件。但它没有发生。角度方面的新手，因此对深层困难的了解较少。

【问题讨论】：

标签： angular

【解决方案1】：

Angular 使用这个 html，它应该是这样的：

<router-outlet></router-outlet>

您需要删除该类，而不是将其用作 html 元素，您可以使用它指定here。

您可以在question 中阅读有关此内容的更多信息。

【讨论】：

只有路由器插座我试过了兄弟，但我没有工作

【解决方案2】：

嘿试试这个，

   <div class="row">
      <div class="col-lg-3 col-md-12 px-2">
        <app-aside></app-aside>
      </div>
      <div class="col-lg-9 col-md-12 px-2">
        <router-outlet></router-outlet>
      </div>
   </div>

确保您有路由器插座的响应式内容。

【讨论】：