/Javascript/AngularJS/Angular http request query params

Angular http request query params

Get query params from url angular

import { ActivatedRoute } from '@angular/router';

export class ExampleComponent implements OnInit {

  constructor(private router: ActivatedRoute) { }

  ngOnInit() {
    this.router.queryParams.subscribe(res=>{
      console.log(res) //will give query params as an object
    })
  }

}

Angular http request query params

request(query) {
  let params = new HttpParams().set("keyword", query);
  return this.http.get(`Your_URL`, {params});
}

Similar codes

0 vote246 views1 answer
Plyr.js example in angular 10
Javascript AngularJS
0 vote240 views1 answer
Reactive forms change event in angular
Javascript AngularJS
12 votes231 views6 answers
Angular conditional class
Javascript AngularJS
0 vote224 views4 answers
Angular file upload app with django
Javascript AngularJS
2 votes271 views1 answer
Angular 8 how to iterate json object in view
Javascript AngularJS
0 vote229 views1 answer
Page reload button using angular
Javascript AngularJS
2 votes234 views3 answers
Change route on button click angular
Javascript AngularJS
0 vote241 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
1 vote233 views2 answers
Angular cli create component with module
Javascript AngularJS
3 votes252 views1 answer
Angular 404 on refresh
Javascript AngularJS