无法从模板中的Ember.js数据显示记录

Question

I want to show records from the Ember.js data store in the my template. In my controller I have the following code:

orders: null,

[...]

openOrderModal: function(name) {
  $('.ui.' + name + '.modal').modal('show');
  var orders = this.get('store').peekAll('orders');
  console.log(orders);
  this.set('orders', orders);
},

I peek all records from the data store and save it to a variable. In the template i have a loop. But it doesn't work.

{{#each orders as |order|}}
  {{order.id}} {{order.supply_id}}
{{/each}}

Can you help me?

Kind regards

Answer 1

peekAll only returns records that are already in the store. If you did not load any orders elsewhere (like in your route, where records should be loaded) it will return an empty list. It should include unsaved, just created records of the appropriate model, however.

findAll is the method to make the store make API calls, but returns a promise, ie you have to deal with the retrieved records in the then method (unless you load them in your route's model hook, returned promises will be dealt with appropriately).