如何在单个组件中管理多个模板

Question

我在组件的html文件中有一个带有许多ng-templates的组件。根据某些条件，确定应将其加载到哪个模板中。

我的问题是，如果模板数量庞大，则该组件将非常冗长且难以管理。是否有类似的解决方案，例如可以为每个模板保留单独的.html文件？

export class ComponentA {
     ViewChild('tab1') tab1:TemplateRef<any>
     ViewChild('tab2') tab1:TemplateRef<any>
     ViewChild('tab3') tab1:TemplateRef<any>
     ViewChild('tab4') tab1:TemplateRef<any>
     ViewChild('tab5') tab1:TemplateRef<any>
     ViewChild('tab6') tab1:TemplateRef<any>
     .............
     .............
}

<tab-group>
  <tab [template]="tabTemplate">
</tab-group>

<ng-template #tab1>
   ................
</ng-template>

<ng-template #tab2>
   ................
</ng-template>

<ng-template #tab3>
   ................
</ng-template>

<ng-template #tab4>
   ................
</ng-template>

<ng-template #tab5>
   ................
</ng-template>
<ng-template #tab6>
   ................
</ng-template>
<ng-template #tab7>
   ................
</ng-template>