Ember.js - レコードを保存した後にフォームデータを消去するにはどうすればよいですか？

Question

Ember App Kitを使用しています。私は学生の名前を取るフォームがあり、私は問題なくデータベースにデータを保存することができます。問題は、別のページからこのルート（http://localhost:8000/#/students/new）に戻ったときに、データ（学生名）がフォームに保持されていることです。私が画面をリフレッシュすると、データは消去され、新しいフォームが表示されます。私は間違って何をしていますか？

また、レコードを保存したり追加したりしないで、生徒のリストを表示すると、空のレコードが画面に表示されます。そのレコードはデータベースにはありません。どうすればそれを防ぐことができますか？

//-------------------------------------------- 
// Controller 

var StudentsNewController = Ember.ObjectController.extend({ 
    init: function() { 
     var newSystem = this.store.createRecord('student'); 
     this.set('newStudent', newStudent); 
     this._super(); 
    }, 
    actions: { 
     acceptChanges: function() { 
      var self = this; 
      self.get('newStudent').save().then(function(student){ 
       self.transitionToRoute('students'); 
      }); 
     } 
    } 
}); 

export default StudentsNewController; 

//--------------------------------------------  
// Model 

var Student = DS.Model.extend({ 
    name: DS.attr('string'), 
    major: DS.belongsTo('major') 

}); 

export default Student; 

//--------------------------------------------  
// Template 

    <form {{action 'updateSystem' on="submit"}}> 
     <fieldset> 
       <div> 
        <label>Student Name</label> 
        {{input value=newStudent.name size="50"}} 
       </div> 
       <button {{action 'acceptChanges'}}>Add</button> 
     </fieldset> 
    </form> 

Answer 1

セットアップする代わりに、コントローラにinit方法を使用してのあなたのルート（here）のコントローラを試してみてください。それはルートの責任の1つです。

StudentsNewRouteに変更するたびに新しいStudentsNewControllerが作成され、したがってinitメソッドが呼び出されるという問題があると思います。

真実Emberはコントローラを一度作成し、modelとsetupControllerフックに基づいてコンテンツを変更します。したがってコントローラのメソッドinitは一度呼び出され、ルートに移行するたびに同じレコードで終了します。この問題を解決するには

あなたはこのような何かしたい：私はこれがあなたの役に立てば幸い

var StudentsNewController = Ember.ObjectController.extend({ 
    newStudent: null, 
    actions: { 
     acceptChanges: function() { 
      this.get('newStudent').save().then((student) => { 
       this.transitionToRoute('students'); 
      }); 
     } 
    } 
}); 
//-------------------------------------------- 
var StudentsNewRoute = Ember.Route.extend({ 

    model: function() { 
     return this.store.createRecord('student'); 
    }, 

    setupController: function(controller, model) { 
     controller.set('newStudent', model); 
    }, 
}); 

を！

Answer 2

actions: { 
    acceptChanges: function() { 
     var self = this; 
     self.get('newStudent').save().then(function(student){ 
      self.set('newStudent',''); 
      self.transitionToRoute('students'); 
     }); 
    } 
}