How to delete Ember Data record by its ID

Question

With Ember Data, I would like to know how to delete a record given that I know its id.

Answer 1

Note that after calling rec.deleteRecord() you also need to call rec.save() to "commit" the deletion.

this.get('store').find('model', the_id_of_the_record).then(function(rec){
  rec.deleteRecord();
  rec.save();
});

You can see that this is necessary by adding a record in the JSBin above (http://jsbin.com/iwiruw/458/edit), deleting it, and then reloading the page. You'll see that the record is "resurrected" after the page reloads (or if you click the "Run with JS" button). Here's a jsbin with rec.save() added, where you can see that the records do not come back to life.

http://jsbin.com/iwiruw/460/edit

Answer 2

In recent versions of Ember Data (beta 4 and newer), destroyRecord() was introduced, which does deleteRecord() and save() in one go, so a shorter way of doing what Jeremey Green proposed is:

this.get('store').find('model', the_id_of_the_record).then(function(rec){
  rec.destroyRecord();;
});

Answer 3

Please refer to Jeremy's answer where he adds the critical rec.save()

You can use:

this.get('store').find('model', the_id_of_the_record).then(function(rec){
    rec.deleteRecord();
  });

or

this.store.find('model', the_id_of_the_record).then(function(rec){
    rec.deleteRecord();
  });

See it in action in this jsbin.