1

Tenho um *ngFor de um objeto array, quero passar o id dentro do button para o typescript para configuralos como links em um modal. Segue a sintaxe que estou tentando sem exito:

<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>
2
  • e o controlador do componente? que código tem ?
    – MoshMage
    Commented 30/01/2017 às 17:20
  • Seria apenas (click)="chamaProd(item.id)", assim no seu controller a função ficaria chamaProd(id) e esse id é o que foi passado. Já tentou isso? Se quiser faço um exemplo. Commented 31/01/2017 às 16:00

1 Resposta 1

3

Tente fazer dessa forma:

HTML:

 (click)="chamaProd(item)" 

Assim você vai passar o objeto completo da lista para o seu método chamaProd.

TS:

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

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .