How to pass query parameter in AngularJS 2?

Question

I am using ASP.NET Core and AngularJS 2. There is a problem with http query parameter. No matter what I try, parameter 'quarter' is not passed to controller. Anyone have idea what ma I missing here ?

getBookingsBySaleUnit() {
    let params: URLSearchParams = new URLSearchParams();
    params.set('quarter', '1');
    let requestOptions = new RequestOptions();
    requestOptions.search = params; 

    this.http.get('/api/method', requestOptions).subscribe(result => {
            this.sales = result.json();
        }
      );
  }

bergben · Accepted Answer · 2017-03-25 22:10:40Z

1

This works for me:

    let params: URLSearchParams = new URLSearchParams();
    params.set('quarter', 1);
    this.http.get('Result/Delete', { search: params })
       .subscribe([...])

answered Mar 25, 2017 at 22:10

bergben

1,4151 gold badge18 silver badges36 bronze badges

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

1 Comment

Jalle Over a year ago

You are right BUT can't believe how simple it was. Actually I was calling controller so ALL I have to do is append it to the URL http.get('/api/method/' + this.quarter) :(

Roman C · Accepted Answer · 2017-03-25 22:24:18Z

0

You missed to pass the parameter. Try the code below which includes parameter in the URL.

getBookingsBySaleUnit() {
    let params: URLSearchParams = new URLSearchParams();
    params.append('quarter', '1');
    let requestOptions = new RequestOptions();
    requestOptions.headers.set('Content-Type', 'application/x-www-form-urlencoded');
    this.http.get('/api/method?'+params.toString(), requestOptions).subscribe(result => {
        this.sales = result.json();
    });
}

answered Mar 25, 2017 at 22:24

Roman C

1

Collectives™ on Stack Overflow

How to pass query parameter in AngularJS 2?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related