Как я могу отформатировать поля ввода как валюту в Angular

Я работаю над проектом Angular, и у меня есть объект типа Project, который содержит следующие значения:

стоимость: 56896 и стоимостьHR: 27829

Я хочу изменить объект с помощью формы и привязать поля с помощью ngModel к атрибутам.

Но проблема, с которой я столкнулся, заключается в том, что в поле я хочу отобразить число в формате валюты (например, 56 896 €), которое несовместимо с типом переменной, который является плавающим.

Может ли кто-нибудь помочь мне с решением этой проблемы? Я пытался использовать встроенные каналы Angular и пользовательские функции форматирования и парсера, но ни один из них не работает должным образом.

Любая помощь будет принята с благодарностью.

import { Component, OnInit } from '@angular/core';
import { CurrencyPipe } from '@angular/common';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  providers: [CurrencyPipe]
})
export class AppComponent implements OnInit {

  project = {
    cost: 56896,
    costRH: 27829
  }

  constructor(private currencyPipe: CurrencyPipe) { }

  ngOnInit() {
    this.project.cost = this.currencyPipe.transform(this.project.cost, 'EUR', 'symbol', '1.0-0');
    this.project.costRH = this.currencyPipe.transform(this.project.costRH, 'EUR', 'symbol', '1.0-0');
  }

  onBlur(event, projectProperty) {
    this.project[projectProperty] = this.currencyPipe.parse(event.target.value);
  }

}

<form>
  <label for = "cost">Cost</label>
  <input [(ngModel)] = "project.cost" (blur) = "onBlur($event, 'cost')" [ngModelOptions] = "{updateOn: 'blur'}" [value] = "project.cost | currency:'EUR':'symbol':'1.0-0'">

  <label for = "costRH">Cost RH</label>
  <input [(ngModel)] = "project.costRH" (blur) = "onBlur($event, 'costRH')" [ngModelOptions] = "{updateOn: 'blur'}" [value] = "project.costRH | currency:'EUR':'symbol':'1.0-0'">
</form>

Что я ожидал: Я ожидал, что поля ввода будут отформатированы как валюта (например, 56 896 €), а соответствующие свойства в объекте «projet» (cost и costRH) будут обновляться проанализированным значением, когда ввод теряет фокус.

Что произошло вместо: Значение, отображаемое в полях ввода, не отформатировано как валюта, и соответствующие свойства в объекте не обновляются должным образом.