Example of Ember.PromiseMixin usage

1_index_route.coffee

Application.IndexRoute = Ember.Route.extend
  sections:
    label1: url1
    label2: url2
    label3: url3

  labels: (-> 
    Ember.keys @get('sections')
  ).property('sections')

  model: ->
    # Keeping track of all of our promises
    object = {}

    for label, url of @get('sections')
      object[label] = @get('store').findAllByUrl('modelType', url)

    object

  setupController: (controller, model) ->
    @_super(controller, model)

    controller.set('labels', @get('labels'))

    # Filling our controllers with some accessors
    controller.get(label, promise) for label, promise of model

2_index.hbs

{{#each labels}}
  {{!-- This will instance one RowController per section --}}
  {{render "row" this}}
{{/each}}

3_row_controller.coffee

Application.RowController = Ember.Controller.extend Ember.PromiseProxyMixin,
  needs: ["index"]

  init: ->
    @_super()

    # PromiseMixin requires the "promise" key to be set
    # and fills the "content" once it is resolved, so we have to set up
    # the right key/values here

    # The template fills "content" with the section name
    @set 'section', @get('content')

    # We can grab the promise from the index controller via the section name
    promise = @get("controllers.index.#{@get('section')}")
    @set 'promise', promise if promise

4_row.hbs

{{#if isPending}}
  <p>Loading...</p>
{{else}}
  {{!-- Render your stuff here --}}
{{/if}}