POC with ngMessages

form.html

<form name="vm.form" 
    ng-submit="vm.form.$valid && vm.createRetailer()" 
    novalidate>
    
  <div class="form-group">
      <label class="control-label" for="email">E-mail <i class="fa fa-asterisk"></i></label>
      <input class="form-control" id="email" type="email" name="email"
      ng-model="vm.data.email" required autocomplete="off">
      
      <span ng-messages="vm.form.email.$error" 
          ng-show="vm.form.email.$touched" 
          ng-include="'app/templates/messages.template.html'"></span>
  </div>

  <button class="btn btn-success" type="submit" ng-disabled="vm.form.$invalid">
    <span class="btn-label"> <i class="fa fa-check"></i> </span> Salvar 
  </button>

</form>

messages.template.html

<span class="form-group-error"> 
    <span ng-message="required"><i class="fa fa-exclamation-circle"></i> {{ 'forms.field.required' | translate }}</span>
    <span ng-message="email"><i class="fa fa-exclamation-circle"></i> {{ 'forms.field.email' | translate }}</span>
    <span ng-message="empty"><i class="fa fa-exclamation-circle"></i> {{ 'forms.field.empty' | translate }}</span>
    <span ng-message="minlength"><i class="fa fa-exclamation-circle"></i> {{ 'forms.field.min_length' | translate:'{min: 2}' }}</span>
    <span ng-message="cpf"><i class="fa fa-exclamation-circle"></i> {{ 'forms.field.cpf' | translate }}</span>
    <span ng-message="roles"><i class="fa fa-exclamation-circle"></i> {{ 'forms.field.roles' | translate }}</span>
</span>