Angular 2 Dependency Injection

How to use Dependency Injection (DI) correctly in Angular 2?

The basics Steps of Dependency injection,
1.     A class with @Injectable () to tell Angular2 that it’s to be injected “UserService”.
2.     A class with a constructor that accepts a type to be injected.

Example, UserService marked as @Injectable as,

import { Injectable, InjectionToken } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';

export class UserService {
    constructor(private _http: Http) {

    getAPIUsers(apiUrl) {
        return this._http.get(apiUrl).map((data: Response) => data.json());

    getAppUsers(apiUrl) {
        return this._http.get(apiUrl).map((data: Response) => data);

Angular2 - Related Concepts

When use @Inject()? When Use @Injectable ()? @Injectable() vs. @Inject() ?
How to use Dependency Injection (DI) correctly in Angular 2? Dependency Injection (DI) in Angular 2?

I hope you are enjoying with this post! Please share with you friends. Thank you!!

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
Post a Comment Powered by Blogger.
ASK Questions