validation-errors.js

(function () {
  'use strict';

  angular
    .module('dopplerRelay')
    .directive('validationErrors', validationErrors);

  validationErrors.$inject = [
    "$compile"
  ];

  function validationErrors($compile) {
    var directive = {
      restrict: 'A',
      link: function (scope, element, attrs) {
        var fieldName = attrs.name;
        var content = angular.element(
          '<div class="validation-error" '
          + 'ng-show="form.$submitted || (form.' + fieldName + '.$touched && form.' + fieldName + '.$dirty)">'
          + '  <span ng-repeat="(errorKey, error) in form.' + fieldName + '.$error">'
          + '    {{"validation_error_" + errorKey | translate}}'
          + '  </span>'
          + ' </div>');
        element.after(content);
        $compile(content)(scope);
      }
    };
    return directive;
  }
})();