PrimeNG：p-splitButton onClick 事件并非每次都起作用

如何解决PrimeNG：p-splitButton onClick 事件并非每次都起作用

我将 PrimNG 9 与 Angular 8 一起使用，我在 p-table 的主体中实现了 p-splitButton，当我单击“编辑”或“删除”时，单击有时有效，有时不起作用。任何人都可以请帮忙！ （见下图）

HTML：

<p-splitButton label="Show details" styleClass="split-button"
                            (onClick)="showDetails(project)" appendTo="body" [model]="itemssplitButton(project)">
                        </p-splitButton>

Ts：

itemssplitButton: any;

ngOnInit() {
    this.initItemssplitButton();
}

initItemssplitButton() {
    this.itemssplitButton = (project) => {
      return [
        {
          label: 'Edit',icon: 'pi pi-pencil',command: () => {
console.log('Edit was clicked);},{
          label: 'Delete',icon: 'pi pi-trash',command: () => {
console.log('Delete was clicked);};}]}

解决方法

试试这个代码

<p-splitButton label="Save" icon="pi pi-plus" (onClick)="save('info')" [model]="items"></p-splitButton>

export class SplitButtonDemo implements OnInit {

    items: MenuItem[];

    constructor(private messageService: MessageService) {}

    ngOnInit() {
        this.items = [
            {label: 'Update',icon: 'pi pi-pencil',command: () => {
                this.update();
            },{label: 'Delete',icon: 'pi pi-trash',command: () => {
                this.delete();
            }
        ];
    }

    save(severity: string) {
        this.messageService.add({severity:severity,summary:'Success',detail:'Data Saved'});
    }

    update() {
        this.messageService.add({severity:'success',detail:'Data Updated'});
    }

    delete() {
        this.messageService.add({severity:'success',detail:'Data Deleted'});
    }
}