Angular.js directive for inline form errors when using Formtastic

formtastic-inline-errors.js.coffee

angular.module("app", [])

.directive 'formtasticInlineErrors', ($compile) ->
  return {
    restrict: 'A'
    link: (scope, element, attrs) ->
      scope.$on 'event:form-FormErrors', (evt, model_name, errors) ->
        element.find('.input .inline-error').remove()
        if !errors? || errors.length == 0
        else
          $.each errors, (k, err, i) ->
            error_html = '<p class="inline-error">'+err.join(", ")+"</p>"
            element.find('#'+model_name+'_'+k+'_input').append error_html
  }