Dynamic Click Ionic

Question

I'm getting a list of segment buttons from the database. It's all correct. Now I need to add a click on each segment button. My function click is :

selecionaSubcategorias(pcategoria: string): void {

    this.db.getSubcategorias(pcategoria)
      .then((data) => {

        if (data.length === 0) { 

        }
        else {
          this.subcategorias = data;
          console.log('subcategs', data);
        }
      })
      .catch();
}

<ion-segment *ngIf="categorias" [(ngModel)]="Menu" class="SwipedTabs-tabs">
    <ion-segment-button *ngFor="let categoria of categorias"
                        value={{categoria.nom_categoria}}
                        (click)="selecionaSubcategorias('1')">
        <ion-icon name={{categoria.nom_icon}} class="icon-agendacultural">
        </ion-icon>
    </ion-segment-button>
</ion-segment>

Certainly I'm only getting category values ('1'). How can I receive per click the value of the click of each category?

georgeawg · Accepted Answer · 2019-02-05 13:33:06Z

1

I solved by adding the ID as parameter to the click

<ion-segment-button *ngFor="let categoria of categorias"
     value={{categoria.nom_categoria}}

          (click)="selecionaSubcategorias(categoria.id)">   <!-- Here -->

    <ion-icon name={{categoria.nom_icon}} class="icon-agendacultural">
    </ion-icon>
</ion-segment-button>

edited Feb 5, 2019 at 13:33

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Feb 5, 2019 at 13:23

Felipe XST

1511 silver badge14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic Click Ionic

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related