问题描述
我将 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'});
}
}