HTML provides a standard maxlength attribute since version 4.01. Angular provides a ng-maxlength directive.
The difference is that the standard approach doesn\'t all
Not only it provide validation for max length, it also adds a class ng-invalid-maxlength
.
so when you put anything beyond the limit ng-invalid-maxlength
class will placed there
and in that class you can write your own css.
So after key press if validation fails, the css will be invoked simultaneously and reflects on your UI.