在ngFor中以角度8递增或递减#variable.value答案

【问题标题】：Increment or decrement #variable.value in angular 8 in ngFor在ngFor中以角度8递增或递减#variable.value
【发布时间】：2020-07-30 14:46:46
【问题描述】：

我需要用#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 中的数字吗？还有另一种工作方式吗？

谢谢

【问题讨论】：

它对您的表现如何？你有什么错误吗？
@Smile 我已经更新了问题对不起，错误是 quantityInput.value as number

标签： angular8 ngfor dynamic-data

【解决方案1】：

对我来说，(click)="quantityInput.value++" 是解析错误。以下代码对我有用。试试

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

这里+ in +quantityInput.value 用于强制转换。

这里是working example

【讨论】：

我试过你的答案，但错误是一样的，quantityInput.value 需要强制转换为数字
product.prdContainer 的值是多少？
值从0值开始
我添加了一个工作示例。值得尝试使用简单的“输入”和“按钮”元素。