Angular 7反應性表單數組-計算表單值

Question

我一直在創建一個計費應用程序，將在其中捕獲項目名稱和價格。 我想給該商品打折，所以我將在百分比折扣和在美元文本框中折扣。 在某些情況下，我可以輸入百分比折扣或美元值折扣，因此我想在運行時同時顯示這兩個折扣。 例如，如果我輸入美元折扣，那么我必須以百分比顯示折扣值。 您能幫我解決要求嗎？

我已創建使用Stackblitz與角和無功的形式的樣品的應用- https://stackblitz.com/edit/github-hayn68-yjqorz

Answer 1

嘗試這個：

<td class="form-group">
      <input #perc type="text" class="form-control" formControlName="discountInPercentage" 
      (change)="percChanged(i, perc.value)">
</td>

TS

percChanged(i, val){
    this.itemForm.value.items[i].discountInDollar = this.itemForm.value.items[i].rate/100*val;
    this.itemForm.controls['items'].setValue(this.itemForm.value.items);
    console.log(this.itemForm.value.items[i].discountInDollar);
}

更改％Discount值，您應該會看到輸出。 Stackblitz示例