Angular 4: Inject service having @angular/http as dependency in non-component class

Question

Hi I'm newbie for Angular 4. I'm having one service named 'httpService' which is having @angular/http as one of dependency, there are others as well, which does error handling.

Now i'm having normal class (other than component) say 'Child.ts' which extends base class 'Base.ts' with constructor which sets some properties on class and uses above mentioned httpService to fetch data from server via rest apis.

My Overall structure looks like below.

Base.ts
============================================================
export class Base {
  public url: string;
  public httpSvc: HttpService;

  constructor(url) {
    this.url = url;
  }

  public getUrl(): string {
    return this.url;
  }

  public query(reqParams: URLSearchParams): Observable<any> {
    return this.httpSvc.get(this.getUrl(), reqParams);
  }
}

And having class which extends base class.

Child.ts
============================================================
export class Child extends Base {
  first_name: string;
  last_name: string;
  email: string;

  constructor(url: string) {
    super(url);
  }

  getCurrentUser(): Observable<User> {
    return this.httpSvc.get(this.url + 'get-user-profile');
  }
}

This way i'm having each model with its own method to fetch data from server.

Now in such situation how can i use httpService as its not initialized yet.

Please suggest me the way or better solution.

Thanks

Satish Lakhani

Well, add the http service to the constructor arguments, and construct those obects from an angular component or service where httpSvc is injected. — JB Nizet
– JB Nizet, Commented Sep 19, 2017 at 11:16

kodeaben · Accepted Answer · 2017-09-19 11:17:09Z

0

You need to inject it like this:

constructor(private http: HttpService)

remember to provide at a top level, like you app.module:

providers:[
 HttpService
],

answered Sep 19, 2017 at 11:17

kodeaben

2,1154 gold badges25 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Satish Lakhani Over a year ago

Thanks for the reply, but while instantiating child class with url, i don't want to pass httpService instance, so in this case how it will work?

JB Nizet Over a year ago

@SatishLakhani it won't. An object can't use another object without having a reference to that other object.

eko Over a year ago

@SatishLakhani do you mean like calling a static method?

Satish Lakhani Over a year ago

@JBNizet, so is there any other way to achieve the same behaviour i'm asking?

JB Nizet Over a year ago

I answered in the comment on your question.

|

Collectives™ on Stack Overflow

Angular 4: Inject service having @angular/http as dependency in non-component class

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related