Динамически добавлять содержимое tabPanel, которое является списком карт в tabView в PrimeNg

Question

Мне нужно динамически добавлять содержимое вкладки (карточки с содержимым) в представление вкладок, используя primeng в Angular 8. Я пытаюсь с помощью ComponentFactoryResolver динамически генерировать компонент. Пожалуйста, предложите лучший способ сделать. Я приложил изображение для справки.

    <p-tabView class="ui-g-12 ui-g-nopad  ui-widget-content   ui-corner-all ui-no-border"  [activeIndex]="index" (onChange)="onProductSelect($event)" >
        <p-tabPanel #tabContent *ngFor="let product of productNames; let i = index;let first = first;" [selected]="first" [disabled]="isAllowedAccess"[enter link description here][1]
            [header]="'Profile ' + product.productName" lazy="true">  
    // <div>Content</div> tab content which is list of cards with content.here i have to add components dynamically   
        </p-tabPanel>
    </p-tabView>

Answer 1

Вы можете использовать * ngFor внутри p-tabContent для рендеринга всех карт. Это будет стандартный Angular и не относится к primeNG

<div *ngFor="let mortgage of mortgages">
... render the content
</div>

Чего мне не хватает?