处理 Ember.js 中的验证错误

我有一个 Rails 应用程序，为 Ember 前端提供 json 服务。

我正在尝试在客户端的表单上显示验证错误。

Rails 返回这个 json：

{"errors":{"hometown":["is too long (maximum is 64 characters)"]}}

在当前路线的车把模板中，我尝试迭代错误，但没有得到错误部分的任何输出：

<div class="form-group">
  <label>Hometown</label>
  {{#each errors.hometown}}
    {{this}}
  {{/each}}
  {{input type="text" class="form-control" valueBinding="effectiveUser.hometown" disabled=entryNotAllowed size="50"}}
</div> 

我还根据这个博客更新了我的RESAdapter：https://marcqualie.com/2014/04/model-errors-in-emberjs https://marcqualie.com/2014/04/model-errors-in-emberjs包括：

  ajaxError: function(jqXHR) {
    var error = this._super(jqXHR);
    if (jqXHR && jqXHR.status === 422) {
      var jsonErrors = Ember.$.parseJSON(jqXHR.responseText)["errors"];
      return new DS.InvalidError(jsonErrors);
    } else {
      return error;
    }
  }

我仍然真的不明白这个错误对象的上下文是什么以及为什么我的视图可以访问它，但几个不同的来源似乎说这个设置应该有效。任何见解将不胜感激。

最近的 Ember Data Beta 自 1.0 Beta 12 起将错误传递给模型。店铺流程InvalidError为您提供结果并将错误放在模型上。

我提交了一份PR #2392 https://github.com/emberjs/data/pull/2392它已被合并，使您的模型序列化器有机会在模型上设置之前从错误负载中提取错误。默认实现确保错误负载键现在正确映射到属性键，而以前的情况并非如此。

Ember Data 仍然只会将错误应用于定义了相应属性的模型。这一直是令人沮丧的根源，因为经常存在适用于整个模型的错误（例如“基础”）。这已包含在未决的问题 #1984 https://github.com/emberjs/data/pull/1984，使用以下解决方法，直到合并为止。

DS.Model.reopen({
    adapterDidInvalidate: function(errors) {
      var recordErrors = this.get('errors');
      for (var key in errors) {
        if (!errors.hasOwnProperty(key)) continue;
        recordErrors.add(key, errors[key]);
      }
    }
});

您的模板代码还应该遵循中的示例DS 错误 http://emberjs.com/api/data/classes/DS.Errors.html:

{{#each message in errors.messages}}
  <div class="error">
    {{message}}
  </div>
{{/each}}

您可能希望使用错误对于 http://emberjs.com/api/data/classes/DS.Errors.html#method_errorsFor方法来定位特定属性。

您可能还想使用帮助程序或组件来提取属性特定的模型错误并对其进行适当的标记。一些示例代码 https://github.com/indexiatech/ember-forms/blob/master/addon/control_help.js有关如何执行此操作的信息，请参阅 ember-forms 附加组件。

我也刚刚发现了一个Ember Data 服务器端错误处理教程 http://alexspeller.com/server-side-validations-with-ember-data-and-ds-errors/这可能很有用，只需忽略 RESTAdapter 位，因为它现在已经过时了。