title: Angular x-editable setError not displaying validation errors
body: <p>I am using angular x-editable in my project. <a href="http://vitalets.github.io/angular-xeditable/#editable-row" rel="noreferrer">http://vitalets.github.io/angular-xeditable/#editable-row</a></p>
  
  <p>Anything works fine except of validation error displaying.
  Here is my HTML template:</p>
  
  <pre><code>&lt;table class="table"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th&gt;Width&lt;/th&gt;
                  &lt;th&gt;Length&lt;/th&gt;
                  &lt;th&gt;Sheets quantity&lt;/th&gt;
                  &lt;th&gt;Low price&lt;/th&gt;
                  &lt;th&gt;High price&lt;/th&gt;
                  &lt;th&gt;Currency&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr ng-repeat="material in sheetMaterials"&gt;
                  &lt;td&gt;
                      &lt;span editable-text="material.name" e-name="name" e-form="form" e-required&gt;
                          {{ material.name }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span editable-text="material.width" e-name="width" e-form="form" e-required&gt;
                        {{ material.width }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span editable-text="material.length" e-name="length" e-form="form" e-required&gt;
                          {{ material.length }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span editable-text="material.sheets" e-name="sheets" e-form="form" e-required&gt;
                          {{ material.sheets }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span editable-text="material.priceLow" e-name="priceLow" e-form="form" e-required&gt;
                          {{ material.priceLow }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span editable-text="material.priceHigh" e-name="priceHigh" e-form="form" e-required&gt;
                          {{ material.priceHigh }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span editable-select="material.currency"
                            e-ng-options="s.value as s.text for s in currencies"
                            e-name="currency"
                            e-form="form"
                            e-required&gt;
                          {{ showCurrency( material ) }}
                      &lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td style="white-space: nowrap"&gt;
                      &lt;form editable-form name="form"
                            onaftersave="updateSheetMaterial( $data, material._id, form )"
                            ng-show="form.$visible"
                            class="form-buttons form-inline"
                            shown="inserted == material"&gt;
                          &lt;button type="submit"
                                  ng-disabled="form.$waiting"
                                  class="btn btn-primary"&gt;
                              Save
                          &lt;/button&gt;
                          &lt;button type="button"
                                  ng-disabled="form.$waiting"
                                  ng-click="form.$cancel()"
                                  class="btn btn-default"&gt;
                              Cancel
                          &lt;/button&gt;
                      &lt;/form&gt;
                      &lt;div class="buttons" ng-show="!form.$visible"&gt;
                          &lt;button class="btn btn-primary" ng-click="form.$show()"&gt;
                              Edit
                          &lt;/button&gt;
                          &lt;button class="btn btn-danger" ng-click="removeSheeteMaterial( materials, $index )"&gt;
                              Delete
                          &lt;/button&gt;
                      &lt;/div&gt;  
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;button class="pull-right btn btn-primary" ng-click="createSheetMaterial()"&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>Here is a controller where I handle form behaviour:</p>
  
  <pre><code>angular.module( 'client' )
  .controller(
      'materialController',
      [
          '$scope',
          '$filter',
          'sheetMaterialFactory',
          function(
              $scope,
              $filter,
              sheetMaterialFactory
          ){
              /**
               * index action
               * @return void
               */
              $scope.index = function(){
                  $scope.currencies = [
                      { value: 'RUB', text: "Р" },
                      { value: 'EUR', text: "€" },
                      { value: 'USD', text: "$" },
                  ]
                  sheetMaterialFactory.getList().then( function( materials ){
                      $scope.sheetMaterials = materials;
                  });
                  $scope.content = "partials/material.html";
              }
  
              $scope.showCurrency = function( material ){
                  var selected = $filter('filter')( $scope.currencies, { value: material.currency });
                  return ( material.currency &amp;&amp; selected.length ) ? selected[ 0 ].text : 'Not set';
              }
  
              /**
               * update sheet material
               * @param data – object of material options
               * @param _id – unique id of material
               * @return void
               */
              $scope.updateSheetMaterial = function( data, _id, form ){
                  data._id = _id;
                  var action = data._id ? "update" : "create";
                  sheetMaterialFactory
                      [ action ]( data )
                      .then( function( sheetMaterial ){
                          if( "update" == action ){
                              var collection = $scope.sheetMaterials;
                              collection = collectionService.updateObject( collection, sheetMaterial );
                          } else {
                              collection.push( sheetMaterial );
                          }
                      }, function( error ){
                          if( error.data.errors ){
                              angular.forEach( error.data.errors, function( errorData, field ){
                                  form.$setError( field, errorData.message );
                              });
                          } else {
                              form.$setError( 'name', 'Неизвестная ошибка' );
                          }
                      });
              }
  
              /**
               * create sheet material
               * @return void
               */
              $scope.createSheetMaterial = function( data ){
                  if( !data ){
                      var sheetMaterial = { name: "Some name" };
                      $scope.sheetMaterials.push( sheetMaterial );
                      return;
                  }
              }
  
  
              $scope.index();
          }
      ]
  );
  </code></pre>
  
  <p>I've checked all the minor details and see that form.$setError works perfect. Error text really assigned to form element. But it does not displaying after form submitted. If anyone knows how to fix it – your reply is appreciated.</p>