AngularJS form validation directive for showing input errors

Question

I need to create a validation directive for showing all input errors for each input automatically. This validation directive should show all errors at current moment and list of

Answer 1

Take a look at the ng-messages directive. Its fairly elegant. Example:

  
  

    
You did not enter a field
    
The value entered is too short
  

You can then combine it with any form validation. Just place the error messages from the validators onto the elements $error object and they are automatically rendered in your UI.