Question

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>

我正在尝试在路由器出口内加载组件。但它没有发生。角度的新知识，所以对深层困难的了解较少。

Answer 1

Angular使用此html，应如下所示：

<router-outlet></router-outlet>

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

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

Answer 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>

确保您对路由器出口具有响应性内容。

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

2 个答案: