how to fetch data from service in angular 6?

Question

I am using this api's for my demo app (https://restcountries.eu/)

API url is this https://restcountries.eu/rest/v2/all

But I am not able to fetch data from service in angular

here is my code https://stackblitz.com/edit/angular-3jpqrc?file=src%2Fapp%2Fapp.component.ts

constructor(private dataservice : DataService){

     this.dataservice.fetchDataThroughPromise().subscribe(()=>{
      console.log('s')
    })
  }

service code

 fetchDataThroughPromise(){
    return this.http.get('https://restcountries.eu/rest/v2/all',
      {
        headers :new HttpHeaders({
          'content-type': 'application/json'
        })
      });
  }

see error when created project using angular cli

Wandrille · Accepted Answer · 2018-07-08 06:48:44Z

1

Just remove:

    headers :new HttpHeaders({
      'content-type': 'application/json'
    })

Final code:

fetchDataThroughPromise() {
  return this.http.get('https://restcountries.eu/rest/v2/all')
}

answered Jul 8, 2018 at 6:48

Wandrille

6,9274 gold badges27 silver badges46 bronze badges

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

4 Comments

user5711656 Over a year ago

yes your anwer work correctly in online editor .but why it is not working when I create project using angular cli

user5711656 Over a year ago

see my changes i got this error on my local project

Wandrille Over a year ago

I have created a new project with angular-cli. I have done your request in the app.component.ts and its works

user5711656 Over a year ago

hmm ..i found my issue i added memolize libraray

Collectives™ on Stack Overflow

how to fetch data from service in angular 6?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related