Ember JS how to set up Application

Question

I am an Ember noob and am trying to get it to work; however I am confused about the App.initialize() method.

It throws errors (it can't find the object App) if I use the following code:

App = Ember.Application.extend()
App.initialize()

However if I use the following code; it says initialize is being called twice.

App = Ember.Application.create()
App.initialize()

What is the best way to do this?

Answer 1

The Application no longer provides the initialize method. Instead you should use Application#deferReadiness and Application#advanceReadiness combined.

Example extracted from Ember's source code:

App = Em.Application.create();
App.deferReadiness();

jQuery.getJSON("/auth-token", function(token) {
  App.token = token;
  App.advanceReadiness();
});

Additionally, check the sample in jsfiddle:

window.App = Em.Application.create();

App.deferReadiness();

window.setTimeout(function() {
  Em.TEMPLATES["application"] = Em.Handlebars.compile('<h1>App</h1> this is a template');
  App.advanceReadiness();
}, 1500);