5

问题

我正在自学 Ember 并且在坚持我的孩子模型时遇到了问题。这是一个演示问题的 JSBin：

http://jsbin.com/OnUXEti/2/edit?html,js,输出

如果您使用它，您将能够创建帖子和评论，但只有帖子在页面重新加载后仍然可用。（我正在使用 ember-data 和 localStorage 适配器）

有两种模型类型，Post和Comment

App.Post = DS.Model.extend({
  title: DS.attr('string'),
  comments: DS.hasMany('comment')
});

App.Comment = DS.Model.extend({
  message: DS.attr('string')
});

每个帖子都有一组评论。我打算有以下网址：

  • /posts将列出所有帖子
  • /posts/1将显示 id 为 1 的帖子
  • /posts/1/comments将显示帖子 1 的评论

路由定义如下：

App.Router.map(function() {
  this.resource("posts", { path: "/posts" });
  this.resource("post", { path: "/posts/:post_id" }, function() {
    this.resource("comments", { path: "/comments" });
  });
});

我可以毫无问题地将 Post 模型写入商店。我不能做的是保存评论模型。如果您使用我上面的 JSBin 示例，您将看到您可以创建评论，但在重新加载页面时它们不会被保留。

我尝试在 CommentsController 中保存评论：

App.CommentsController = Ember.ArrayController.extend({
    needs: "post",
    post: Ember.computed.alias("controllers.post"),
    newMessage: '',
    actions: {
        create: function() {
            var message = this.get('newMessage');

            var comment = this.store.createRecord('comment', {
                message : message
            });

            this.set('newMessage', '');

            var post = this.get('post');
            var comments = post.get('comments');
            comments.pushObject(comment);
            comment.save();
        }
    }
});

请注意，我通过使用该needs属性获得了父 Post 的句柄。取自有关控制器之间依赖关系的文档。

这一切都感觉不对，因为它应该是一种常见情况，所以我怀疑我以非标准方式设计了我的模型或路线。

谢谢，马特

4

1 回答 1

6

这里的问题是您需要在将其post添加comment到其comments集合后保存。看起来LSAdapter评论 ID 数组直接存储在post记录中。

这是一个修改后的 JSBin：http: //jsbin.com/OnUXEti/8/edit

注意：我也改变了这个：

post: Ember.computed.alias("controllers.post")

对此：

post: Ember.computed.alias("controllers.post.model")

为了保存post您要处理的实际模型，而不是控制器。

我还必须更新 Ember Data 和 LSAdapter 才能正常工作，我将hasMany关系更改comments为async.

comments: DS.hasMany('comment',{async:true})

[更新]：我最初发布了错误的 JSBin。正确的是：http: //jsbin.com/OnUXEti/8/edit

于 2013-09-14T20:17:31.053 回答