Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How and when to use Ember.Application register and inject methods?

Tags:

ember.js

I'm trying to understand how to use Ember.Application register & inject methods

What use case are these functions designed for? How are they to be used and when?

I'd really like to know!

like image 422
Taras Mankovski Avatar asked Aug 13 '13 13:08

Taras Mankovski


People also ask

How can we inject a service ad Hoc in an Ember object?

Ad Hoc Injections Dependency injections can also be declared directly on Ember classes using inject . Currently, inject supports injecting controllers (via import { inject } from '@ember/controller'; ) and services (via import { inject } from '@ember/service'; ).

Why use dependency Injection?

The dependency injection technique enables you to improve this even further. It provides a way to separate the creation of an object from its usage. By doing that, you can replace a dependency without changing any code and it also reduces the boilerplate code in your business logic.

What is Ember application?

Ember. js is an open source, free JavaScript client-side framework used for developing web applications. It allows building client side JavaScript applications by providing a complete solution which contains data management and an application flow. The original name of Ember.

What is dependency Injection in java?

Dependency injection enables you to turn regular Java classes into managed objects and to inject them into any other managed object. Using dependency injection, your code can declare dependencies on any managed object.


1 Answers

Ember by default does dependency injection when it boots your application using mostly conventions, for example if you use ember-data then an instance of the store class is injected in every route and controller in your application, so you can later get a reference by simply doing this.get('store') inside any route or controller.

For example here is a code extract where the default store get's registered (taken from the source)

Ember.onLoad('Ember.Application', function(Application) {   Application.initializer({     name: "store",      initialize: function(container, application) {       application.register('store:main', application.Store);       ...     }      container.lookup('store:main');   } }); 

And then injected (source)

Application.initializer({   name: "injectStore",    initialize: function(container, application) {     application.inject('controller', 'store', 'store:main');     application.inject('route', 'store', 'store:main');     application.inject('dataAdapter', 'store', 'store:main');   }   ... }); 

In other words register and inject are methods to register dependencies and inject them yourself.

Let's assume you have a Session object which you populate after a server request on application start, and which you want to have a reference to in every controller, you could do something like this:

var App = Ember.Application.create({   ready: function(){     this.register('session:current', App.Session, {singleton: true});     this.inject('controller', 'session', 'session:current');   } });  App.Session = Ember.Object.extend({   sessionHash: '' }); 

This code would set the session property of every controller instance to a singleton instance of App.Session, so you could in any controller do this.get('session') and get a reference to it, and since it's defined as a singleton it would be always the same session object.

With register you can register controllers, models, views, or any arbitrary object type. inject, in the other hand, can inject onto all instances of a given class. For example inject('model', 'session', 'session:current') would also inject the session property with the session:current instance into all models. To inject the session object, let's say onto the IndexView you could do inject('view:index', 'session', 'session:current').

Although register and inject are very powerful you should use them wisely and only in the case you really know there is no other way to achieve your goal, I guess the lack of documentation is an indicator for discouragement.

Update - No good explanation without a working example

Since It's mostly a must to provide a working example with an explanation, there it goes: http://jsbin.com/usaluc/6/edit. Notice how in the example we can simply access the mentioned sessionHash by referring to the current controller's session object with {{controller.session.sessionHash}} in every route we are in, this is the merit of what we have done by registering and injecting the App.Session object in every controller in the application.

Hope it helps.

like image 62
intuitivepixel Avatar answered Sep 27 '22 03:09

intuitivepixel