¿Es posible cambiar el borde del input cuando se está escribiendo y mostrar el borde rojo si tiene un error o verde si es correcto?; teniendo en cuenta que estoy dentro del input ósea en focus del elemento html
Html
<hello name="{{ name }}"></hello>
<input type="text"
[(ngModel)]="name"
[ngClass]="{'correct': name.length > 0,'error': name.length === 0}"
>
** Css **
.correct {
border: 1px solid greenyellow;
}
.error {
border: 1px solid red;
}
** Typescript **
export class AppComponent {
name = 'Angular';
}