Я пробовал приведенные выше решения, но значение, которое поступает в модель, было отформатированным значением, которое затем возвращалось и давало мне ошибки currencyPipe. Так что мне пришлось
[ngModel]="transfer.amount | currency:'USD':true"
(blur)="addToAmount($event.target.value)"
(keypress)="validateOnlyNumbers($event)"
И в функции addToAmount -> change on blur, потому что ngModelChange вызывал у меня проблемы с курсором.
removeCurrencyPipeFormat(formatedNumber){
return formatedNumber.replace(/[$,]/g,"")
}
И удаление других нечисловых значений.
validateOnlyNumbers(evt) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode( key );
var regex = /[0-9]|\./;
if( !regex.test(key) ) {
theEvent.returnValue = false;
if(theEvent.preventDefault) theEvent.preventDefault();
}