无法使用 ember-data 保存/更新记录

Question

我的路由器定义了以下内容：

this.resource('uoms', { path: '/uoms' }, function() {
    this.route('new');
});

而uoms路由定义为：

App.UomsRoute = Ember.Route.extend({
    model: function() {
        return this.store.find('uom');
    },

    actions: {
        save: function() {
            this.modelFor('uoms').save().then(function() {
                console.log("saved UOMs");
            });
        }
    }
});

但由于某种原因，当我尝试保存它时，我得到了：

Uncaught TypeError: Object [object Object] has no method 'save'

谁能帮我找出我做错了什么？

---- 更新----

我还从控制器尝试了以下操作，但结果相同：

App.UomsController = Ember.ArrayController.extend({
    actions: {
        save: function() {
            this.get('model').save().then(function() {
                console.log("saved UOMs");
            });
        }
    }
});

---- 更新 2 ----

查看this.get('model') 调用返回的对象，我们得到以下信息：

Answer 1

这就是我会做的：

• 使用 Chrome 开发者工具在您尝试保存模型的行设置断点
• 要检查控制器持有的模型，请在 Chrome 开发者工具控制台中输入 this.get('model')。

检查控制台输出是否真的如您所愿。很可能它不是您要保存的模型实例。你会看到在控制台中执行this.get('model').save()会得到同样的错误。

顺便说一句：您为什么使用ArrayController 而不是ObjectController。看起来您将它用于单个模型。有关详细信息，请参阅docs。

编辑：

试试this.get('model').get('transaction').commit()

Answer 2

我遇到的问题是我试图在一组记录而不是单个记录上调用save()。这个问题是因为我在一个单一的记录上操作但在ArrayController 中执行此操作而产生的。我不认为这有什么问题，尽管可以说我应该创建一个名为“edit”的子路由，然后大概我的代码逻辑会起作用。

也就是说，如果你想像我一样做（也就是在 ArrayController 中保存一条单数记录），那么这段代码就可以工作：

save: function(id) {
    var promise = this.store.find('uom',id).then(function(uom){
        console.log(uom);
        uom.save();
    });
}

然后在模板中加入如下内容：

<span class="glyphicon glyphicon-floppy-disk" {{action "save" id}}></span>

这可行，但不是最佳答案。相反，您可以在 ArrayController 中使用 itemController 属性指定 ObjectController。下面是使用此策略的 save() 和 deleteRecord() 处理程序的示例：

App.PluralController = Ember.ArrayController.extend({
    itemController: 'singular'
});

App.SingularController = Ember.ObjectController.extend({
    actions: {
        save: function() {
            this.get('model').save();
        },
        deleteRecord: function() {
            this.get('model').deleteRecord();
            this.get('model').save();
        }
    }
});

然后您需要为您的车把模板执行以下操作：

<span class="glyphicon glyphicon-floppy-disk" {{action "save" this}}></span>
<span class="glyphicon glyphicon-remove-circle" {{action "deleteRecord" this}}></span>