How to pass params to POST method in angular 2

Question

I want to Pass parameters to POST method in angular 2 but it is not working whwn I used params:new httpParams().set() but it is not worked .I also tried params:new httpParams().set() and headers then also it is not worked & finally I got the solution with Formdata

[link](https://stackoverflow.com/questions/44569409/angular-2-http-post-params-and-body?rq=1) have you checked that? — Pawel, May 18 '18 at 10:44

score 5 · Answer 1 · answered Dec 22 '18 at 07:59

5

You can use formData to send http params or any kind of attachment.

let formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// http request with post method
this.httpService.post('Url', formData);

answered Dec 22 '18 at 07:59

Vaibhav Gaikwad

811
2
12
21

score 3 · Answer 2 · answered May 18 '18 at 10:28

Their is way to pass data to post method in angular 2 by using the Formdata,while passing the data their is no need of headers because we are using the formdata here. To understand this concept lets take one example as-

    saveNewData(name, countryId) {
    this.saveNewDataUrl = 'localhost:7575/app/data';

    const fd = new FormData();
    fd.append('name', name);
    fd.append('countryId', countryId);

    return this.http.post(this.saveNewDataUrl, fd);
  }

score 0 · Answer 3 · answered Dec 19 '19 at 04:52

You can do it like below:

var validFileExtensions: string[] = ['jpg', 'jpeg','png']; 

      this.uploadedFiles.append('id', this.userInfo.id.toString());
      this.uploadedFiles.append('validImageExtensions', validFileExtensions.toString());

      this.accountService.uploadImage(this.uploadedFiles).subscribe((result: any) => {

        this.alertService.success("Profile settings updated successfully");
      },

How to pass params to POST method in angular 2

3 Answers3

Linked