Увеличение или уменьшение # variable.value в angular 8 в ngFor - PullRequest
Новая
       50

Увеличение или уменьшение # variable.value в angular 8 в ngFor

1 голос
/ 17 апреля 2020

Мне нужно увеличить числовую переменную с помощью # variable.value. Моей целью является увеличение или уменьшение значения входного количества в ngFor продуктов, чтобы купить их. так что это мой код: 

 <ion-card *ngFor="let product of products">

    <ion-card-content>
      {{product.prdNote}}      
      <div class="quantity-container">
        <div class="quantity-buttons">
          <ion-button (click)="quantityInput.value++">-</ion-button>
          <!-- <ion-input type="number" #quantityInput value="quantity" (change)="setQuantity($event)"></ion-input> -->
          <ion-input type="number" #quantityInput [value]="product.prdContainer"></ion-input>
          <ion-button (click)="quantityInput.value++">+</ion-button>
        </div>

        <div class="buy">
          <ion-button (click)="addToCart(product, quantityInput.value)"> <ion-icon name="cart"></ion-icon>Aggiungi all'ordine</ion-button>
        </div>
      </div>

    </ion-card-content>
  </ion-card>

я хочу увеличить номер входного значения в нг для каждого отдельного ввода, который я хочу увеличить или уменьшить с помощью # amountInput.value ++, но у меня не сработало.

Ошибка в том, что:

amountInput.value Ожидаемый тип числа

Могу ли я привести # amountInput.value как число в html? Есть другой способ работы?

Спасибо

1 Ответ

0 голосов
/ 17 апреля 2020

Для меня (click)="quantityInput.value++" была ошибка разбора. Следующий код работал для меня. Попробуйте 

<ion-button (click)="quantityInput.value=+quantityInput.value+1">+</ion-button>

Здесь + in +quantityInput.value используется для приведения.

Вот рабочий пример

...