¿Cómo se pueden borrar los datos de las ember js?

Hola, soy muy nuevo en Ember js. Escribí un formulario para la input de nuevos empleados y envío de datos a través de la ruta. Los datos se saveon correctamente. Pero el problema es después de la presentación del formulario, los datos de mi formulario no se borraron.

El código de la siguiente manera:

app.js:

App.Router.map(function() { this.resource('saveprofile', { path: '/saveprofile/:profiledata'}); }); App.NewprofileController = Ember.ObjectController.extend({ id:'', name: '', designation: '', saveProfileAction: function () { profiledata = [{ "id": this.get("id")}, {"name": this.get("name")}, {"designation": this.get("designation")}] pdata = $.ajax({ type: "POST", dataType: "json", url: "/saveprofile?profiledata=" +profiledata, data: JSON.stringify(profiledata), dataType: "json", async: false}).done(function() { $.bootstrapGrowl("Employee added successfully", { type: 'success', align: 'center', width: '1000', allow_dismiss: false }).responseJSON }) }); console.log(pdata) } }); App.SaveProfileRoute = Ember.Route.extend({ model: function(params) { console.log(params); return Ember.$.getJSON( "/saveprofile?profiledata=" + params.profiledata); }, }) 

index.html:

  <script type="text/x-handlebars" data-template-name="newprofile"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">New Profile</h3> </div> <div class="panel-body"> <form class="form-horizontal" role="form" id="form"> <br/><br/> <div class="control-group"> <label class="control-label" for="value">Employee Id:</label> <div class="controls"> {{input type="text" class="input-medium" value=id requinetworking="true"}} </div> </div> <div class="control-group"> <label class="control-label" for="value">Employee Name:</label> <div class="controls"> {{input type="text" class="input-medium" value=name}} </div> </div> <div class="control-group"> <label class="control-label" for="value">Designation:</label> <div class="controls"> {{input type="text" class="input-medium" value=designation}} </div> </div> <div class="control-group pull-left"> <div class="controls"> <button type="button" class="btn btn-primary" {{action "saveProfileAction" }} id="button">Save</button> <button type="button" class="btn btn-primary" {{action "cancel"}} id="button">Reset</button> </div> </div> </form> </div> </div> </script> 

Busqué esto en stackoverflow, encontré algunas soluciones, pero usan las funciones de save y salir, pero no usé el método save en ember.i guardo directamente en el lado del server.

cual es mi error Dame algunos consejos para borrar los datos del formulario después del envío del formulario.

Tienes que hacerlo dentro del controller de esta manera:

 var controller = this; //After saving the form to the server: ...then(function(){ controller.set('YourFormData', ''); }); 

Los datos de su formulario deben ser una propiedad con enlace en el controller, como su identificación, nombre y designación.