Angular URLSearchParams not working for multiple params

Question

I have an Asp.Net web api controller like this:

[HttpPost]
public IHttpActionResult RepHistorie([FromUri]string vnr, [FromUri]string lagerort)
{
    ...
}

So you can see that there are 2 values. I am using URLSearchParams for sending the parameters. Unfortunately this doesn't work for more than one param. I don't know why and this is really strange to me.

let params: URLSearchParams = new URLSearchParams();
params.set('vnr', this.vnr);
params.set('lagerort', this.lagerort);

var postUrl = 'http://123.456.7.89:12345/api/lager';

let requestOptions = new RequestOptions();
requestOptions.search = params;

this.http.post(postUrl, requestOptions)
  .subscribe(data => {
    // success

  }, error => {
    // error
});

In my other controller there is only one parameter and it works perfectly. Does someone know why?

I also tried:

params.append('vnr', this.vnr);
params.append('lagerort', this.lagerort);

Edit

It works like this (Isn't a clean way though):

var postUrl = 'http://123.456.7.89:12345/api/lager?vnr=' + this.vnr + '&lagerort=' + this.lagerort;
var postObject = {};

ErvTheDev · Accepted Answer · 2017-09-21 13:47:56Z

11

I had the same issue before noticing that i had not imported it, you have to import URLSearchParams before using it.

import {URLSearchParams} from '@angular/http';

Enjoy coding!

answered Sep 21, 2017 at 13:47

ErvTheDev

4,5373 gold badges18 silver badges20 bronze badges

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

3 Comments

Jordi Ruiz Over a year ago

I don't know how much time I wasted with that!

Jon Over a year ago

This did it for me also, it's weird that my editor didn't throw a fit like it usually does whenever I try using something without importing it.

Drazen Bjelovuk Over a year ago

@Jon Probably because there's a native one: developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/…

Pfeiff86 · Accepted Answer · 2017-07-21 02:25:44Z

0

It works for me with the following

    let params: URLSearchParams = new URLSearchParams();
    params.set('vnr', this.vnr);
    params.set('lagerort', this.lagerort);
    let requestOptions = new RequestOptions();
    requestOptions.params = params; // instead of requestOptions.search = params

answered Jul 21, 2017 at 2:25

Pfeiff86

1428 bronze badges

Collectives™ on Stack Overflow

Angular URLSearchParams not working for multiple params

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related