Lulus nilai input dan tambah atau tolak dalam darjah

Question

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.

Answer 1

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 (item) 都有自己的数量值 (item.cantidad)，但每一行都指向完全相同的单个 quantity) mempunyai nilai kuantitinya sendiri (item.cantidad), tetapi setiap baris menghala ke pembolehubah

tunggal yang sama.

+，quantity 将变为 1。如果您在第二行按 +，quantityJadi jika anda menekan + pada baris pertama,

akan menjadi 1. Jika anda menekan + pada baris second,

akan bertukar kepada 2. quantity

Berbilang baris ---> A

pembolehubah.

Anda memerlukan satu baris -> pembolehubah kuantiti.

Anda boleh:
1. item
Lanjutkan objek

anda dengan sifat tambahan yang anda mulakan dan gunakan dalam templat anda, seperti

button

private 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;
}

+

-