Saya perlu menghantar amaun (cth. 94) kepada input penambahan dan penolakan supaya saya menambah atau menolak daripada amaun itu dan bukannya daripada sifar.
html saya:
<tr *ngFor="let item of articulos">
<td>{{item.articulo}}</td>
<td>{{item.cantidad}}</td>
<td>
<input id="quantity" type="button" value="-" (click)="quantity=quantity-1">
<input type="text" id="quantity2" name="quantity" value="{{quantity}}">
<input id="quantity" type="button" value="+" (click)="quantity=quantity+1">
</td>
</tr>
Ts saya:
quantity: number;
constructor(private datosService: DatosService) {
this.quantity = 0;
}
Saya memerlukan 94 dan 60 untuk muncul di kaunter untuk membuat sifar, dan untuk dapat menambah dan menolak.
Saya cuba menukar kuantiti kepada {{item.quantity}} dalam baris di bawah dan melepasi nilai tetapi ia tidak membenarkan saya menambah dan menolak nilai kerana operasi tidak lagi untuk kuantiti.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Penerangan yang lebih lengkap tentang apa yang Yongshun katakan:
Kini, komponen anda secara keseluruhan, mempunyai pembolehubah
quantity.Keseluruhan templat anda merujuk pembolehubah ini.
Walau bagaimanapun, templat anda memaparkan berbilang baris (
*ngFor="let item of articulos").Setiap baris (
tunggal yang sama.item) 都有自己的数量值 (item.cantidad)，但每一行都指向完全相同的单个quantity) mempunyai nilai kuantitinya sendiri (item.cantidad), tetapi setiap baris menghala ke pembolehubah
akan menjadi 1. Jika anda menekan+，quantity将变为 1。如果您在第二行按+，quantityJadi jika anda menekan+pada baris pertama,+pada baris second,akan bertukar kepada 2.
Berbilang baris ---> Aquantitypembolehubah.
Anda memerlukan satu baris -> pembolehubah kuantiti.
Anda boleh:-
Lanjutkan objek
anda dengan sifat tambahan yang anda mulakan dan gunakan dalam templat anda, sepertiitembuttonprivate onDataReceived(articulos: any[]): void { articulos.forEach((item: any) => { item.variableQuantity = item.cantidad; }); this.articulos = articulos; }(Selain itu, ia adalah butang, mengapa tidak menggunakan elemen?)
atau
🎜Anda menjejaki kuantiti secara berasingan (masih perlu dimulakan): 🎜public quantities = {}; private onDataReceived(articulos: any[]): void { articulos.forEach((item: any) => { quantities[item.articulo] = item.cantidad; }); this.articulos = articulos; }