Boa tarde,
Gostaria de uma orientação, estou aprendendo com Ionic e montando um aplicativo, na minha página principal existem o seguinte código:
<form>
<ion-card class="cardsIndex" *ngFor="let produto of produtos; let i = index">
<img src="{{produto.imagem}}"/>
<ion-card-header class="cardHeader">
<ion-card-title><b>{{produto.nome}}</b></ion-card-title>
<ion-label><b>Estoque:</b> {{produto.quantidade}}</ion-label>
</ion-card-header>
<ion-card-content class="cardsInputs">
<ion-button (click)="comprarButton(produto.id)" >Comprar</ion-button>
<ion-input class="inputHome" type="number" min="0" [(ngModel)]="comprarQtd" name="produto{{i+1}}" placeholder="Quantidade"></ion-input>
</ion-card-content>
</ion-card>
</form>
Eu estou consultando um json-server e pegando as informações dos produtos. Cada "Card" possui um campo para a compra e o campo de input que será colocado a quantidade que o usuário deseja comprar. Porém, ao colocar o valor em qualquer dos campos de input, todos eles pegam o mesmo valor.
Na classe de componente desta página, existe a varíavel:
comprarQtd: number;
Eu sei que o que está de errado é que ele está atribuindo para TODOS os campos o mesmo valor que está sendo indicado nessa variável acima. Porém, vocês saberiam me orientar como eu posso atribuir cada valor do Input para a sua determinada variável e ela não atribuir para todos os campos ao mesmo tempo?
Muito Obrigado!