PrimeNG, SplitButton: How to get a parameter into the model?

user_307297 0
Viewed 743

Lets say I want to trigger functions foo and bar by a PrimeNG SplitButton. Both have one parameter regarding the button itself.

Regarding the action I want to have parameter for the assigned function.

I can do it for foo because I set it with onClick.

But how can I do it for bar??

    <p *ngFor="let x of ['aaa','bbb','ccc']">
      <p-splitButton label="FOO for {{x}}" (onClick)="foo (x)" [model]="cmds"></p-splitButton>
    </p>

    cmds : any = [{label: "BAR for x", command: () => { bar (x); }}];   // x is not here, how can I get it?
primeng angular
2 Answers

Found out I can bind a function there too.

    <p *ngFor="let x of ['aaa','bbb','ccc']">
      <p-splitButton label="FOO for {{x}}" (onClick)="foo (x)" [model]="cmds (x)"></p-splitButton>
    </p>

    cmds (x) : any
    {
      return [{label: "BAR for "+x, command: () => { bar (x); }}];   
    }
user_3072970 
xxx.html
<p-splitButton icon="pi pi-print" label="Imprimir"
(onClick)="imprimirFactura(rowData)" [model]="cmds(rowData)"></p-splitButton>

//xxx.componente.ts
    cmds(row): any {
        const items = [
            {
                label: 'Acción 1', 
                icon: 'pi pi-clone', command: () => {
                    this.dummy(row);
                }
            },
            {
                label: 'Acción 2', 
                icon: 'pi pi-clone', command: () => {
                    this.confirmarPagoFactura(row);
                }
            },
        ];
        return items; (x); }}];   
    }
user_17696690
Related