Ember Inject Store

by amindunited

HTML

<script type="text/x-handlebars">
    <h1>Top</h1>
</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://builds.emberjs.com/tags/v1.10.0/ember-template-compiler.js"></script>
<script src="http://builds.emberjs.com/tags/v1.10.0/ember.debug.js"></script>

JavaScript

Ember.Application.initializer({
    name: 'Lux',
    
    initialize: function(container, application) {
        var Lux = Em.Object.create();
        var Store = Em.Object.create({
            createRecord: function(){},
            fetch:function(){},
            fetchAll: function(){},
            fetchById: function(){},
            find:function(id){ console.log("Store.find is looking for ", id); return id; },
            findAll: function(){},
            findById: function(){},
            modelFor: function(){},
            push: function(){},
            deleteRecord: function(){},
            reloadRecord: function(){},
        });
        Lux.set('Store', Store);
        application.register('Lux:main', Lux, { instantiate: false });
        application.inject('route', 'Lux', 'Lux:main');
    }
});

App = Em.Application.create();
App.ApplicationRoute = Em.Route.extend({
    model: function(){
        console.log("model!! ", this.get('Lux'));
        console.log("luxstore ", this.Lux.Store.find(22));
    }
});