PrimeNG：p-splitButton onClick 事件并非每次都有效答案

【问题标题】：PrimeNG : p-splitButton onClick event dosen't work everytimePrimeNG：p-splitButton onClick 事件并非每次都有效
【发布时间】：2021-06-24 04:16:50
【问题描述】：

我将 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);};}]}

【问题讨论】：

标签： angular primeng primeng-datatable primeng-turbotable

【解决方案1】：

试试这个代码

<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', summary:'Success', detail:'Data Updated'});
    }

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

【讨论】：