Я спробував рішення вище, але значення, яке йде до моделі, було відформатованим значенням, а потім поверненням і наданням мені errorPipe помилок. Так мені довелося
[ngModel]="transfer.amount | currency:'USD':true"
(blur)="addToAmount($event.target.value)"
(keypress)="validateOnlyNumbers($event)"
А щодо функції addToAmount -> зміна розмиття спричиняє, що 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();
}