Javascript 角度-如何将新组件（带有单独的字段）添加到webform

我在Angular上创建分类广告网站

路线“添加”有两个组成部分：

1） 对于类别（onInit->从数据库接收）

2） 对于子类别（在所选类别之后->从数据库收到的子类别列表）

和独立的路由器出口

在router outlet中，我收到了选定的子类别“id”，但我不明白如何将所需组件包含在选定sudcategory的所有字段中

也许我错了，还有别的办法解决这个问题吗

这是我的代码：

路由“add”addad.component.html的主要根组件

<app-adcat [categors]="categors" (selectCat)="selectCat($event)"></app-adcat>
<app-adsubcat [subcategors]="subcategors" (onSelect)="onSelect($event)"></app-adsubcat>
<router-outlet></router-outlet>

<div class="page-header">
  <h3>Select category</h3>
</div>
<ul class="list-group" *ngFor="let categor of categors">
  <li class="list-group-item" (click)="select(categor)" [class.selected]="categor === selected">{{ categor.cat_name }}</li>
</ul>

<div *ngIf="subcategors">
  <div class="page-header">
  <h3>Select subcategory</h3>
</div>
<ul class="list-group" *ngFor="let subcat of subcategors; let i = index">
  <li class="list-group-item" (click)="select(subcat)" [class.selected]="subcat === selected" >{{ subcat.subcat_name }}</li> 
</ul>
</div>

路线添加/选定/id

ngOnInit() {
  this._activatedRoute.params.forEach(params => {
  this.selectedSubCat = params;
 })
}

我有一个解决方案，但不是很优雅：

<div *ngIf="selectedSubCat.id === '1'">
  <app-rent></app-rent>
</div>

<div *ngIf="selectedSubCat.id === '2'">
  <app-sell></app-sell>
</div>

您目前的问题还不够清楚。请添加相关代码以使上下文更易于理解。请参见在共享服务中存储完整的对象（我假定是），或者在导航时根据id从后端检索单个对象（如果您有这种可能性）。要获得进一步的帮助，您确实需要提供能够帮助您的代码。

<div *ngIf="selectedSubCat.id === '1'">
  <app-rent></app-rent>
</div>

<div *ngIf="selectedSubCat.id === '2'">
  <app-sell></app-sell>
</div>