无法读取属性“目标”

Question

我正在尝试通过在循环中定位特定项目来增加价值。

<div *ngFor="let item of items; let i = index">
    <ion-button (click)="increment(i)">
      <ion-icon name="add"></ion-icon>
    </ion-button>
    <ion-input type="number" value="{{quantity}}"></ion-input>
</div>
    
    
    public items:Array<string> = []; //i
    public quantity:number = 0; //quantity

    increment(index:number){
     (this.quantity[index].target as HTMLInputElement).value[index] = this.quantity[index] + 1;
     console.log(this.quantity[index])
    }

Answer 1

您的代码不完整，但正如我所见，您正试图从变量中访问一个类型为 number this.quantity 的元素。

你应该访问变量items[index]

如果你想单独存储每个项目的数量，我猜你 this.quantity 变量也应该是数组：

public items:Array<string> = ['item1', 'item2', 'item3', 'item4']; //i
public quantity:number[] = [0, 0, 0, 0]; //quantity

increment(index:number){
 this.quantity[index] = this.quantity[index] + 1;
 console.log(this.quantity[index])
}