0

首先非常感谢 Mike Grassotti对 IRC 的帮助。他通过 save 方法帮助解决了错误。

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

我正在使用 ember-data 创建新记录。addComment 函数在事务中 创建记录，而save 函数只调用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"

要创建一个新记录，点击post -> 然后'post title' -> 在底部的addComment-> 然后保存，你会看到记录没有被创建。

来自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>

谢谢

4

1 回答 1

1

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

就像是

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

应该可以解决问题。

于 2013-03-28T10:11:35.790 回答