giovedì 25 aprile 2024

Angular material input matInput numbers only

Il controllo di testo input Matinput di Angular Material , permette tramite la proprietà type, di rendere la casella numerica. All'interno però è possibile scrivere anche i simboli + e -, per evitare che vengono inseriti questi simboli, ma soprattutto solo numerici, occorre gestire nell'evento keypress il dato che si sta digitando.
Di seguito il frammento di codice html relativo all'inserimento di soli numeri.


HTML:

 <input matInput
       
        type="number"
     
        (keypress)="($event.charCode >= 48 && $event.charCode < 58)"
        
        >

Nessun commento: