Estou trabalhando em um Input que precisa ter uma mensagem :
Digite pelo menos 10 caracteres
essa mensagem deve mudar a cada carácter que é digitado
Entao, ao digitar:
Alex
a mensagem deveria ser:
Digite pelo menos mais 6 caracteres
o meu problema é como conseguir o tamanho da string:
<input
type="text"
formControlName="nome"
class="form-control"
[ngClass]="{'is-invalid': submitted && nome.invalid && (nome.dirty || nome.touched), 'is-valid': (nome.valid && nome.touched ) }">
.
<div class="text-muted" *ngIf="nome?.value.length < 10 ">
digite pelo menos mais {{10 - nome?.value.length }} caracteres </div>
Mas ao iniciar o "nome" esta undefined, e isso quebra a aplicação,
alguma sugestão?