动态添加tabPanel内容到PrimeNg中的tabView中，该内容是卡片列表

npm install primeng --save

import { Component } from '@angular/core';
import { TabViewModule } from 'primeng/tabview';

cardList: any[] = [];

<p-tabView>
  <ng-template ngFor let-card [ngForOf]="cardList">
    <p-tabPanel header="{{card.title}}">
      <div class="card-list">
        <div *ngFor="let item of card.items" class="card-item">
          <!-- 卡片内容的布局 -->
          <div>{{item.title}}</div>
          <div>{{item.description}}</div>
        </div>
      </div>
    </p-tabPanel>
  </ng-template>
</p-tabView>

addTabPanel() {
  const newCard = {
    title: 'New Card',
    items: [
      { title: 'Item 1', description: 'Description 1' },
      { title: 'Item 2', description: 'Description 2' },
      { title: 'Item 3', description: 'Description 3' }
    ]
  };
  this.cardList.push(newCard);
}

<button (click)="addTabPanel()">添加Tab</button>