Question

我有一个显示帖子列表的路线，还有一个用于创建新帖子的表单。

posts_route.js.coffee：

Fortchan12.PostsRoute = Ember.Route.extend                                                                                   
  model: ->                                                                                                                   
    Ember.RSVP.hash                                                                                                       
      posts: @get('store').findAll 'post'                                                                                    
      newPost: @get('store').createRecord 'post' 

  actions:                                                                                                                 
    create: (post) ->                  
      post.setProperties                                                                                               
        name: this.controller.get('name')                                                                              
        body: this.controller.get('body')                                                                              
        photo: this.controller.get('photo')                                                                                                                                                              
      post.save()

这里是把手模板：

<h2>make a new post</h2>                                                                                                   
<form {{action 'create' newPost on="submit"}}>                                                                             
  {{#if isSaving}}                                                                                                         
    <p>saving post...</p>                                                                                                  
  {{/if}}                                                                                                                  
  <p>{{input type="text" value=name}}</p>                                                                                  
  <p>{{textarea value=body}}</p>                                                                                           
  <button type="submit">Create</button>                                                                                    
</form>                                                                                                                    

<h2>posts</h2>                                                                                                             
{{#each posts}}                                                                                                            
  {{name}} says                                                                                                            
  {{body}}                                                                                                                 
  {{created_at}}                                                                                                             {{#link-to 'post' this}}                                                                                                 
    {{id}}                                                                                                                   {{/link-to}}                                                                                                             
  <br />

这似乎工作正常，但我希望在提交并保存之后清除表单，以便我可以发布另一篇文章。我可以在路径中的create动作中清除表单（尽管它似乎没有清除文件输入字段）：

    self.controller.setProperties({name: '', body: '', photo: ''})

但似乎没有重置＆＃39;模型，当我再次提交表单时，它尝试PUT到/ posts /：id，而不是POST到/ posts：

PUT http://0.0.0.0:3000/posts/70 404 (Not Found)

我不确定我应该做什么，我已经读过使用setupController是一个选项，但我不知道如何在我的路线中使用多个模型我是。

Answer 1

您也想创建一个新记录，该页面仍然引用您保存的另一条记录，现在该记录有一个id，这就是为什么它试图更新该记录（原谅javascript）。

actions:                                                                                                                 
 create: (post) ->         
  self = @                                                                                                                                                           
  post.save().then(function(){
    self.set('controller.newPost', self.get('store').createRecord('post'));
  });

Psuedo代码混合使用所有

model: function(){
  return Ember.RSVP.hash({                                                                                                       
      posts: @get('store').findAll 'post',                                                                                  
      newPost: @get('store').createRecord 'post'
  }); 
},
setupController: function(controller, model){
  controller.set('posts', this.get('store').all('post'));
  controller.set('newPost', model.newPost);
}

反向计算属性

在控制器上

reverseProperty: function(){
   this.get('posts').sortBy('foo').toArray().reverse();
}.property('posts.[]')

Answer 2

您是否尝试过像这样重置模型？

@controller.set('content', @get('store').createRecord('post'))

在表单中重置emberjs模型

2 个答案: