Умножьте 2 поля ввода и покажите общую сумму в другом поле ввода

Я хочу вычислить и показать totalAmount при вводе Amount и Quantity.

Я использую (keyup) в expense.amount, так как хочу показать как есть в expense.totalAmount. При использовании (ngModelChange) сумма по какой-то причине отображается неправильно.

Я хочу, чтобы calcAmount() начинался только в том случае, если quantity изменено.

Вот мой обновленный HTML:

<div class = "col-auto">
  <label for = "charges">Amount</label>
  <input type = "number" [(ngModel)] = "expense.amount" (keyup) = "calcQuantity()" >
</div>
<div class = "col-auto">
  <label for = "quantity">Qty</label>
  <input type = "number" [(ngModel)] = "expense.quantity" (ngModelChange) = "calcQuantity()">
</div>
<div class = "col-auto">
  <label for = "totalAmount">Total</label>
  <input type = "number" [(ngModel)] = "expense.totalAmount">
</div>

Вот мой файл TS:

calcQuantity() {
  this.expense.quantity = 1;
  this.expense.totalAmount = this.expense.quantity>1?(this.expense.amount||0)*(this.expense.quantity||0):this.expense.amount;
}

Что происходит: Когда я ввожу 100 в amount, он показывает 100 в totalAmount. Я хочу, чтобы это было так. Quantity по умолчанию — 1.

Проблема: Если я изменю Quantity с 1 на 5, totalAmount останется 100. Должно быть 500.