@nahuelmorata/ngx-command v17.0.0

NgxCommand

Implementacion del patron de Command para angular. El uso principal es para la deshabilitacion del boton mientras se ejecuta

Contacto

Contactame

Versiones

Instalacion

Con npm

npm i @nahuelmorata/ngx-command

Con yarn

yarn add @nahuelmorata/ngx-command

Uso

Agregar modulo

import { NgxCommandModule } from '@nahuelmorata/ngx-command';

@NgModule({
    imports: [
        NgxCommandModule
    ]
})
export class AppModule {}

En el componente

import { ICommand, CommandAsync } from '@nahuelmorata/ngx-command';

@Component({})
export class AppComponent {
    public accionCmd: ICommand = new CommandAsync(() => this.accion());

    private async accion() {

    }
}

En el template

<button [command]="accionCmd">Accion</button>

Con parametros

En el componente

import { ICommand, CommandAsync } from '@nahuelmorata/ngx-command';

@Component({})
export class AppComponent {
    public accionCmd: ICommand = new CommandAsync((parametro: string) => this.accion(parametro));

    private async accion(parametro: string) {
        console.log(parametro); // 'texto'
    }
}

En el template con un solo parametro

<button [command]="accionCmd" commandArg="texto">Accion</button>

O

En el template con varios parametros

<button [command]="accionCmd" [commandArgs]="['texto', 'otro']">Accion</button>