Angular2 http.get from external API

Question

I can't figure out how to rewrite this AngularJS $http.get to Angular2:

$scope.toggle = function() {
 $http.get('http://example.com?operation=getEmployeeData', {
    params: {
      data: JSON.stringify({
        params: {
          firstName : 'John',
          lastName  : 'Doe',
          empType   : 'Administrative',
          orgUnit   : 'Management',
          lang      : 'Eng'
        }
      })
    }
  }).then(function(data) { $scope.staff = data }

This how the url with parameters looks like:

http://example.com?operation=getEmployeeData&data={"params":{"firstName":"John","lastName":"Doe","empType":"Administrative","orgUnit":"Management","lang":"Eng"}}

How I do it in Angular2? Thank you!

Tinwor · Accepted Answer · 2017-02-20 08:24:46Z

2

In Angular2 Http.GET is very similar to AngularJS but for passing url parameters you must use URLSearchParams inside @angular/http package.
What you want do:

let params: URLSearchParams = new URLSearchParams();
params.set("data",JSON.stringify({
        params: {
          firstName : 'John',
          lastName  : 'Doe',
          empType   : 'Administrative',
          orgUnit   : 'Management',
          lang      : 'Eng'
        }
      }));
//Make the call and return an observable
 return this.http.get(SomeVar.MY_URL, params)
      .toPromise()
      ...

answered Feb 20, 2017 at 8:24

Tinwor

8,0936 gold badges39 silver badges56 bronze badges

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

Comments

Gourav Bhatia · Accepted Answer · 2017-02-20 08:31:06Z

This is the example for post/get. just use method as post or get its depend on your requirement.

you need to replace the methodname with your method name which you are calling.

 private url = "http://example.com";

 methodname(resource1: String,resource2: String,resource3: String,resource4: 
 String,resource5: String){

 let body = JSON.stringify({"firstName":resource1,"lastName":resource2,
 "empType":resource3,"orgUnit":resource4,"lang":resource5});

let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers, method: "post/get" });

 return this.http.get/post(this.url,body,options)
        .map(this.extractData)
        .catch(this.handleError);
}

Collectives™ on Stack Overflow

Angular2 http.get from external API

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related