保存后Ember errors.add内部捕获导致表单按钮无法响应

Question

如果书名已存在，我的服务器将以400状态响应。 ember应用程序捕获错误并使用属性名称和错误详细信息执行errors.add。出于某种原因，当我更改标题时收到400，表单提交按钮已经死了。我发现当我消除errors.add行时，问题就会消失。

这是我的行动：

import Ember from 'ember';
import DS from 'ember-data';

export default Ember.Route.extend({

  model() {
    return this.store.createRecord('book');
  },

  setupController: function(controller, model) {
    controller.set('book', model);
    controller.set('errors', DS.Errors.create());
  },

  actions: {

    createBook: function(book) {

      var _this = this;
      var errors = _this.controllerFor('books.new').get('errors');
      book.save().then(function(book) {

        _this.transitionTo('books.book', book);

      }).catch(function(response) {

        response.errors.forEach(function(error) {
          var attribute = error.source.pointer.split('/')[3];
  //This line causes the problem---> errors.add(attribute, error.detail);

        });
      });

    }

  }
});

这是回复：

  res.status(400).send({
    errors: [
      {
        status: "400",
        source: { pointer: '/data/attributes/title' },
        title: "Invalid Attribute",
        detail: 'must be unique'
      }
    ]
  });