Turn html page id inside ngFor to page ts

Question

Turn html page id inside ngFor to page ts

Navigation

#1 by (3 votes)

1

I have an * ngFor of an array object, I want to pass the id inside the button to the typescript for configuralos as links in a modal. Here is the syntax that I'm trying with no success:

<ion-item *ngFor="let item of itens">
    <ion-thumbnail item-left>
      <img src="../assets/img/{{item.img}}">
    </ion-thumbnail>
    <h2>{{item.nome}}</h2>
    <p>{{item.categ}}</p>
    <button id="{{item.id}}" ion-button clear item-right (click)="chamaProd()">ver</button>
  </ion-item>

typescript angular ionic2

asked by anonymous 26.01.2017 / 22:37

1 answer

How to make an index of an array not be required in a validation with Respect Validation Key? Connection problems between Hibernate and MySQL database [closed]

score 3 · Accepted Answer

Try to do this:

HTML:

 (click)="chamaProd(item)"

So you will pass the entire object of the list to your chamaProd method.

TS:

  chamaProd(item : <<Objeto da Lista>>){
.
. /* No corpo do metodo vc faz oque quiser, pois, vc tem a instancia do objeto clicado em tela */
}