Skip to main content

Posts

Showing posts with the label How to use Dependency Injection (DI) correctly in Angular 2?

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. Stayed Informed-  @Injectable() vs. @Inject()?  Example , UserService marked as @Injectable as, import { Injectable, InjectionToken } from '@angular/core' ; import { Http, Response } from '@angular/http' ; import 'rxjs/add/operator/map' ; //BEGIN-REGION - USERSERVICE @ Injectable() 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); } } //END BEGIN - USERSERVICE Angular2 - Related Concepts When use @Inject()? When Use @Injectabl...