title: Trying to understand Ember JS promises
body: <p>I have been trying to work on a code example to get my head around promises. But I can't seem to figure out how to deal with the callbacks and get the "thenable" value later.</p>
  
  <p>Here are two relevant JSBin examples I am working on. Written in verbose style to emulate baking cookies.</p>
  
  <p><strong>Ember JS without async</strong></p>
  
  <p><a href="http://jsbin.com/iSacev/1/edit" rel="noreferrer">http://jsbin.com/iSacev/1/edit</a></p>
  
  <p>purely synchronous example to show the basic behavior (deliberately using basic object model)</p>
  
  <p><strong>Ember JS with async and promises</strong></p>
  
  <p><a href="http://jsbin.com/udeXoSE/1/edit" rel="noreferrer">http://jsbin.com/udeXoSE/1/edit</a></p>
  
  <p>Attempt to extend the first example and implement method where things are done with a delay and returns a fulfilled promise object later in time.</p>
  
  <p>Concepts attempting to understand:</p>
  
  <ul>
  <li>How to properly handle promises and specifically Ember.RSVP.Promise and get an object later.</li>
  <li>How to use the Ember.run.later method instead of setTimeout</li>
  </ul>