如何在ngfor中设置ngmodel

Question

<div class="carousel-cell lw-pr-30" style="width: 220px;"  *ngFor="let item of product?.products; let i = index">
<div class="lw-w-auto lw-h-80p">
<div class="lw-ff-Ubuntu lw-fs-18"> $ {{item.price}}</div>
<div class="lw-fs-12 lw-ff-Ubuntu">{{item.name}}</div>
<div class="lw-fs-12 lw-ff-Ubuntu">1 Lbs</div>
</div>
<mat-icon class="lw-ta-e " style="float: right;height: 40px;" *ngIf="!item.cart" (click)="addCart(names,item)" svgIcon="cartround"></mat-icon>
<div class="lw-ta-e lw-d-flex lw-align-center" style="float: right;height: 40px;" *ngIf="item.cart">
<mat-icon (click)="removeCounter(names,item)" svgIcon="minus"  class="lw-cursor-p"></mat-icon>
<input type="text" class="count" [ngModelOptions]="{standalone: true}"  [(ngModel)]="names" name = 'names' min="1" maxlength="2" max="20"  disabled/>
<!-- ngModel #names="ngModel"   -->
<mat-icon  (click)="addCounter(names,item)" svgIcon="plus"  class="lw-cursor-p"></mat-icon>
</div>
</div>
</div>

样本图像

当我点击加号按钮时，所有的输入一次改变。如何更改已单击按钮的输入

Answer 1

我想这里有个错别字。尝试更改

(click)="..(*names*,item)" 

(click)="..(*name*,item)" 

如果没有尝试使用index

如果可能请分享stackblitz我们可以帮助。