如何在 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我們可以提供幫助。