express - 保存後にキャッチ内にEmberエラーを追加すると、フォームボタンが応答しなくなります

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'
      }
    ]
  });