Angular труба не работает при обновлении значений

Question

У меня проблемы с трубкой angular. Я создаю приложение, используя реактивные формы, которые выполняют расчет и отображение стоимости. Когда он рассчитывается в первый раз, он отображает валютную трубу, но когда я снова вычисляю ее, и если стоимость результата оказывается такой же, тогда валютная труба не отображается, вместо этого отображается только число. Он отлично работает, если стоимость меняется каждый раз.

 <input type="text"   [value]="AccountingForm.get('Cost').value |currency:'USD'"
                                formControlName="Cost"  class="form-control">

Например, когда я рассчитываю, он показывает 100,00 долларов, а когда я снова рассчитываю его, и стоимость остается такой же, тогда отображается 100 без валюты.

в методе расчета я устанавливаю так

 this.AccountingForm.controls['Cost'].setValue(value);

Answer 1

Сделайте вашу трубку нечистой, чтобы ее разрешить. Включите в декоратор канала чистую ложь.

@Pipe({
  name: 'flyingHeroesImpure',
  pure: false
})

Answer 2

Вместо использования канала попробуйте реализовать то же самое в вашем ts-файле