Как управлять несколькими шаблонами в одном компоненте - PullRequest
Новая
       13

Как управлять несколькими шаблонами в одном компоненте

0 голосов
/ 30 мая 2019

У меня есть компонент со многими шаблонами ng внутри html-файла компонента.На основании некоторых условий решается, в какой шаблон он должен быть загружен.

Мои проблемы в том случае, если количество шаблонов огромно, компонент будет очень длинным и сложным в управлении.Есть ли какие-то решения, например, можно ли сохранить отдельные файлы .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>
...