Ember.js Cookbook

Loading and error handling

When routes are loading or there's an error, we have the ability to let the user know what's happening. This recipe will go over the basics on how to do this.

How to do it...

1. In a new project, create a new students route:

   $ ember g route students
   

   The ember generate command will create all the necessary files for the students route.

2. Edit the students.js file in the app/routes folder. Add a new model to return:

   // app/routes/students.js
   import Ember from 'ember';
   
   export default Ember.Route.extend({
       model(){
         return new Ember.RSVP.Promise(function (resolve, reject) {
           Ember.run.later((function() {
             resolve( [1,2,3,4,5,6,7,8,9]);
           }), 2000);
         });
       }
   });

   In our route file, we are returning an Ember RSVP promise. This promise resolves ...