Link state with view, controller, model

active_state.coffee

Ember.ActiveState = Ember.LayoutState.extend
  isActive: false
  enter: (manager, transition)->
    @_super(manager, transition)
    @set("isActive", true)
  exit: (manager, transition)->
    @_super(manager, transition)
    @set("isActive", false)

resource_state.coffee

Ember.ResourceState = Ember.ActiveState.extend
  enter: (manager, transition)->
    @_super(manager, transition)
    
    id = manager.getPath('params.id')
    url = @get("url").replace(":id", id)
    
    # load the resources from server
    resource = Ember.Ajax.create({url:url}).get()
    @setPath("view.content", resource)
    
    # go up the chain to find a controller to set selection
    controller = null
    parent = this
    while !controller && parent
      controller = parent.get("controller")
      parent = parent.get("parentState")

    @setPath("view.controller", controller)