Ember CLI - Injecting a service

Question

I created the following service and initializer using Ember CLI (generate blueprint):

// services/session.js
import Ember from 'ember';

export default Ember.Object.extend({
    loggedIn: false,

    ...
});

// initializers/session.js
export default {
  name: 'session',
  initialize: function(container, app) {
    app.inject('route', 'session', 'service:session');
    app.inject('controller', 'session', 'service:session');
  }
};

However, the session is undefined when attempting to access it in a route or controller. Am I missing a step?

// routes/application.js
import Ember from 'ember';

export default Ember.Route.extend({
    beforeModel: function() {
        var loggedIn = this.session.get('loggedIn'); // undefined
        ...
    }
});

Answer 1

Injected services are lazy loaded, you have to access them via a getter this.get('session') and not directly this.session.

Also, you may want to check out Ember-Simple-Auth if you're doing authentication.

Answer 2

You've got it 99% correct, just seems like a problem with how you're accessing the session.

// routes/application.js
export default Ember.Route.extend({
    beforeModel: function() {
        var loggedIn = this.get('session.loggedIn');
    }
});