Angular 2 How to call a function after get a response from subscribe http post

Question

I need to call a method after get the data from the http post request   service  request service TS  get categories number    this http post  url  body   headers  headers  withCredentials true        subscribe         response   gt            this total   response json              error   gt                     component  categories TS   search categories      this get categories 1     I need to call a Method here after get the data from response json      e g   send catagories        Only works if I change to   service  request service TS  get categories number    this http post  url  body   headers  headers  withCredentials true        subscribe         response   gt            this total   response json            this send catagories      here works fine           error   gt                     But I need to call the method send catagories   inside of component after call this get categories 1   like this  component  categories TS   search categories      this get categories 1   this send catagories response       What I doing wrong

User · Answer

You can add a callback function to your list of get_category(...) parameters.

Ex:

 get_categories(number, callback){
 this.http.post( url, body, {headers: headers, withCredentials:true})
    .subscribe( 
      response => {
        this.total = response.json();
        callback(); 

      }, error => {
    }
  ); 

}

And then you can just call get_category(...) like this:

this.get_category(1, name_of_function);

User · Answer

You can do this be using a new Subject too   Typescript   let subject   new Subject     get categories           this http post      subscribe          response    gt             this total   response json             subject next                       return subject     can be subscribed as well     get categories      subscribe      response    gt

User · Answer

get categories number    return this http post  url  body   headers  headers  withCredentials true          map t  gt               this total   t json              return total           share                  then  this get category 1  subscribe t  gt          this callfunc

User · Answer

Update your get categories   method to return the total  wrapped in an observable       Note that  subscribe   is gone and I ve added a return  get categories number      return this http post  url  body   headers  headers  withCredentials true        map response   gt  response json         In search categories    you can subscribe the observable returned by get categories    or you could keep transforming it by chaining more RxJS operators       send categories   is now called after get categories    search categories       this get categories 1         The  subscribe   method accepts 3 callbacks      subscribe           The 1st callback handles the data emitted by the observable           In your case  it s the JSON data extracted from the response           That s where you ll find your total property         jsonData    gt            this send categories jsonData total                     The 2nd callback handles errors         err    gt  console error err            The 3rd callback handles the  complete  event             gt  console log  observable complete              Note that you only subscribe ONCE  at the end   Like I said in the comments  the  subscribe   method of any observable accepts 3 callbacks like this   obs subscribe    nextCallback    errorCallback    completeCallback      They must be passed in this order  You don t have to pass all three  Many times only the nextCallback is implemented   obs subscribe nextCallback

User · Answer

You can code as a lambda expression as the third parameter on complete  to the subscribe method  Here I re-set the departmentModel variable to the default values   saveData data DepartmentModel     return this ds sendDepartmentOnSubmit data     subscribe response  gt this status response         gt            gt this departmentModel  DepartmentId 0

[javascript] Angular 2: How to call a function after get a response from subscribe http.post

Examples related to javascript

Examples related to angular

Examples related to typescript

Examples related to promise

[javascript] Angular 2: How to call a function after get a response from subscribe http.post

Examples related to javascript

Examples related to angular

Examples related to typescript

Examples related to promise

Examples related to subscribe