ngbtabset标签的内容应基于路由是动态的

Question

所以我实现了ngbtabset，其中tabcontent应该基于路由是动态的。最初它应该是“个人信息”组件。在页脚中有一个“下一步”按钮，因此，下次单击时，我应该在选项卡内容中隐藏并加载“雇主组件”，因此不需要选项卡组件。

我尝试了以下方法，我使用路由器插座并使用了具有名称的名称，我可以找到雇主，但是在应用程序的顶部，我还有一个路由器插座，因此它也得到了显示，因此隐藏和显示是正确的。

什么是正确的方法？

<ngb-tabset>
<ngb-tab [id]="tab.id" *ngFor="let tab of tabs;let i = index;">
  <ng-template ngbTabTitle>
    {{tab.title}}{{applicantNumberArray[i - 1]}}
  </ng-template>
  <ng-template ngbTabContent>
      <div *ngIf="!shared.isSubmitPayment">
          <app-formfields [personalInfo]=personalInfo [tabIndex]=i [tabs]=tabs (addApplication)="addApplicantFn($event)" (deleteApplication)="deleteApplicantFn($event)"></app-formfields>
      </div>
      <div *ngIf="shared.isSubmitPayment">
        <router-outlet name="test"></router-outlet>
      </div>
  </ng-template>
</ngb-tab>