angular material input number length

Nel caso che si sta utilizzando il controllo  matinput  di Angular Material e si vuole impostare un limite,  bisogna agire sull'evento "input", in quanto non c'è un proprietà che limiti il numero dei caratteri digitati.

Di seguito si imposta la casella di tipo number a 3 caratteri (999).

Html:

  <mat-form-field appearance="" fxFlex="30">

       <mat-label>Testo label</mat-label>

       <input matInput type="number"   #Nome   name="Nomecontrollo"

    (input)="limiteInput($event.target, 3)" />

        </mat-form-field>

TypeScript:

limiteInput(input: HTMLInputElement, max: number) {

        if (input.value.length > max) {

          input.value = input.value.slice(0, max);

        }

}