Property ‘length’ does not exist on type ‘HTMLInputElement’

Caused by addPassword.length from below.

<input matInput [formControl]=’password’ #addPassword>
<mat-hint [ngStyle] = '{ color: addPassword.length < 4 ? "red" : "black" }' Min 4 characters: {{ addPassword.length }} / 4 </mat-hint>

Here, addPassword was input element. length is a property of string or arrayso there is no length for addPassword.

I needed to get length of characters which were given in input so what I needed to do is

addPassword .length >> addPassword.value.length

addPassword.value is string so I successfully got length of the input characters.