How to add a number by pressing the button

Discussão em 'Angular' iniciado por José Manuel Ruíz Bolaños, Novembro 21, 2024.

  1. I want that when I press addTituloQueHacerButton() and I get another tituloQueHacer item, I don't always get 1 but instead add up.

    this is the html

    <div formArrayName="tituloQueHacer">
    <div *ngFor="let control of getTituloQueHacerControls(); let i = index">
    <ion-item>
    <ion-input label="Título Que Hacer {{ numeroElementos(0) }}" [clearInput]="true" placeholder="Añade el titulo de Que Hacer" [formControlName]="i"></ion-input>
    </ion-item>
    </div>
    </div>
    <div class="titulo">
    <ion-button (click)="addTituloQueHacerButton()">+</ion-button>
    </div>


    this is the .ts

    numeroElementos(numero: number){
    numero = numero + 1
    return numero
    }

    addTituloQueHacerButton() {
    (this.addCruceroForm.get('tituloQueHacer') as FormArray).push(new FormControl(''));
    }

    getTituloQueHacerControls() {
    return (this.addCruceroForm.get('tituloQueHacer') as FormArray).controls;
    }

    Continue reading...

Compartilhe esta Página