Angular 7 Reactive Form Array - Рассчитать значения формы

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