要为禁用的选项卡禁用的PrimeNG tabMenu单击事件

<p-tabMenu [model]="items">
  <div *ngFor="let item of items">
    <p-tabMenuTab [header]="item.label" [disabled]="item.disabled" (click)="item.command()"></p-tabMenuTab>
  </div>
</p-tabMenu>

import { MenuItem } from 'primeng/api';

export class AppComponent {
  items: MenuItem[];

  ngOnInit() {
    this.items = [
      { label: 'Home', icon: 'pi pi-fw pi-home', command: () => { /* ... */ } },
      { label: 'Profile', icon: 'pi pi-fw pi-user', command: () => { /* ... */ }, disabled: true },
      { label: 'Settings', icon: 'pi pi-fw pi-cog', command: () => { /* ... */ } }
    ];
  }
}

<p-tabMenu [model]="items">
  <div *ngFor="let item of items">
    <p-tabMenuTab [header]="item.label" (click)="handleClick(item)"></p-tabMenuTab>
  </div>
</p-tabMenu>

import { MenuItem } from 'primeng/api';

export class AppComponent {
  items: MenuItem[];

  ngOnInit() {
    this.items = [
      { label: 'Home', icon: 'pi pi-fw pi-home', command: () => { /* ... */ } },
      { label: 'Profile', icon: 'pi pi-fw pi-user', command: () => { /* ... */ }, disabled: true },
      { label: 'Settings', icon: 'pi pi-fw pi-cog', command: () => { /* ... */ } }
    ];
  }

  handleClick(item: MenuItem) {
    if (!item.disabled) {
      item.command();
    }
  }
}