Best Practice for Loading Global App State

[davydotcom]

No one seems to know the answer here. What is the best practice for loading a global app state?

Currently using ember-rails style setup except with latest github ember and ember-data.

Example, In my main application view I have a headline that shows the current Company name, (or current user name for that matter). How do I populate this information in the view globally?

Example I have an application view:

<h1>{{companyName}}</h1>
<div>
  {{outlet}}
</div>

Controller:

App.ApplicationController = Ember.Controller.extend
  companyName: "Loading..."

  loadCompanyName: ()->
    $.ajax
      url: '/company'
      dataType: 'json'
      success: (response) ->
        this.set 'companyName', response.data.companyName

Where and how would i fire loadCompanyName? It isn't specific to a route. It is global

[tchak]

By calling an API?

[davydotcom]

Where? Application.ready I would assume. Somehow needs to get a reference to ApplicationController (instance) and fir a method.

[sly7-7]

Linked SO question I think: http://stackoverflow.com/questions/14339116/setting-a-controller-property-on-application-controller-after-application-ready

[tchak]

@sly7-7 is right, the best place is probably App.ApplicationRoute

[davydotcom]

Ah, the ApplicationRoute

App.ApplicationRoute = Ember.Route.extend({
  setupController: function(controller, model){
    controller.loadCompanyName();
    this._super(controller, model);
  }
});

It seems to be fired no matter what route is hit on application launch.
This should be documented in the router, Ill submit a pull request for the website guides