Primeng TabView 在标签后添加内容

Question

我需要有 2/3 个选项卡，但最后在同一行上，我需要添加按钮、自定义组件等...

我没有找到办法，谷歌搜索时没有任何反应：-o

    <p-tabView>
        <p-tabPanel header="Header 1">
            Content 1
        </p-tabPanel>
        <p-tabPanel header="Header 2">
            Content 2
        </p-tabPanel>
        <p-tabPanel header="Header 3">
            Content 3
        </p-tabPanel>
        <!-- here start my custom html - without tabs content -->
        <p-tabPanel>
            <button></button>
            <app-my-custom-component></app-my-custom-component>
        </p-tabPanel>
    </p-tabView>

这是我需要的示例。 在同一行，我想添加自定义 html，当我点击它时，没有选项卡，但其他操作......例如对话框

Answer 1

试试这个：

<p-tabView> 

  <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
  <p-tabPanel header="Header 2"> Content 2 </p-tabPanel>
  <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>

  <!-- here start my custom html - without tabs content -->
  <p-tabPanel>
     <ng-template pTemplate="header">
        <p-button icon="pi pi-chevron-up" (click)="openPrev()">
        </p-button>
     </ng-template>
  </p-tabPanel>

  <p-tabPanel>
     <ng-template pTemplate="header">
        <app-my-custom-component></app-my-custom-component>
     </ng-template>
  </p-tabPanel> 
  
</p-tabView>