Angular Material textarea matInput get number character

 

Nel caso che stiamo usando il Framework Angular Material,  e vogliamo sapere in una textarea in tempo reale mentre si digita il numero dei caratteri presenti, tramite la proprietà Length possiamo avere tale valore.

Di seguito il frammento di codice per mostrare i caratteri presenti durante la digitazione.

 <mat-form-field appearance="outline" fxFlex="80" >

                   

  <textarea matInput  maxlength="200" #contaRighe  

matTextareaAutosize [matAutosizeMaxRows]="2">

   

</textarea>

                    <br>

                     

                </mat-form-field>

             

            </div>

            {{contaRighe.value.length}} /200