Question

首先感谢Mike Grassotti ，感谢他们帮助IRC。他用save方法帮助解决了这些错误。

我的问题是在控制台中我看到记录已创建，但不会显示。

我正在使用ember-data创建新记录。 addComment功能在交易中创建记录，而保存功能仅调用 this.transaction.commit

在我单击save（）后的控制台中，似乎创建了记录，但是把手不显示新创建的记录。当我深入研究console.log

的结果时，这是我在控制台中看到的内容的摘录

 >committed: Object
    firstRecordKind: "belongsTo"
    firstRecordName: "post"
 >firstRecordReference: Object
   clientId: 4
   id: "ember411"
>type: EmBlog.Comment
   ClassMixin: Ember.Mixin
  >FIXTURES: Array[1]
    0: Object
      body: "ty"
      id: "ember411"
      post: "1"

要创建新记录，请点击发布 - ＆gt;然后'帖子标题' - ＆gt;在底部addComment-＆gt;然后保存，你会看到没有创建记录。

来自jsfiddle的相关代码位。该控制器没有路由，因为它将被侧载

EmBlog.CommentNewController = Em.ObjectController.extend({

 needs: ['postsShow'],
 isAddingNew: false,

 addComment: function(body){
    console.log("this: ", this.toString());
    var post = this.get('controllers.postsShow.content');
    console.log(post);

   transaction = this.get('store').transaction();
   console.log(transaction);
   console.log(this.get('content').toString());

   this.set('content', transaction.createRecord(EmBlog.Comment, ({post: post })));
   this.transaction = transaction;

   console.log(this.get('content').toString());

   this.set('isAddingNew', true);
 },

 save: function(){
   var comment = this.get('content');

   comment.one('didCreate', this, function() {
      this.set('isAddingNew', false);
   });

  this.transaction.commit();

 }  

});

来自车把模板的相关位

<script type="text/x-handlebars" data-template-name="posts/show">
  <h1>Post</h1>

  <h3> {{title}} </h3>
  <h3> {{body}} </h3>
   <br/>
  <p> {{#linkTo 'posts.index'}} back {{/linkTo}}</p>
  <p> {{#linkTo 'posts.edit' content}} Edit the post  {{/linkTo}}</p> 

  <br/>
  <b> Comments</b>
   {{render 'comment/new' comments}}
</script>

<script type='text/x-handlebars' data-template-name='comment/new'>
     {{#if controller.isAddingNew}}
     <form {{action save on='submit'}}>
    {{view Ember.TextArea valueBinding="body" placeholder="body"}}
    <button type="submit"> save comment </button>  
    </form>
     {{/if}} 

    <br/>

   <div>
   <button {{action addComment}} {{bindAttr disabled="isAddingNew"}}>Add Comment</button>
  </div>
</script>

由于

Answer 1

嗯，也许我是盲人，但我看不到任何在你的模板中显示评论的代码。

类似

<ul>
{{#each comment in comments}}
  <li>{{comment.body}}</li>
{{/each}}
</ul>

应该可以做到这一点。

控制台中的emberjs我看到记录已创建，但车把不会显示

1 个答案: