ngFor中角度8中的＃variable.value的增量或减量

Question

我需要使用＃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>

我想要以ng为单位递增输入值，对于每个输入，我都希望使用＃quantityInput.value ++递增或递减，但不适用于我。

错误是：

quantityInput.value期望的数字类型

我可以将＃quantityInput.value转换为html中的数字吗？还有另一种工作方式吗？

谢谢

Answer 1

[对我来说，(click)="quantityInput.value++"解析错误。以下代码为我工作。尝试

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

+中的+quantityInput.value用于铸造。

这里是working example