Angular http client with query parameters example
In Codever we use extensively the Angular Http Client to make REST calls against a NodeJs/ExpressJS API - source code on Github.
In the following snippet you can see hot to set http query parameters to the rest api calls.
Use the HttpParams
class with the params
request option to add URL query strings in your HttpRequest:
getFilteredPersonalBookmarks(searchText: string, limit: number, page: number, userId: string, include: string): Observable<Bookmark[]> {
const params = new HttpParams()
.set('q', searchText)
.set('page', page.toString())
.set('limit', limit.toString())
.set('include', include);
return this.httpClient.get<Bookmark[]>(`${this.personalBookmarksApiBaseUrl}/${userId}/bookmarks`,
{params: params})
.pipe(shareReplay(1));
}
Reference - https://angular.io/guide/http#url-params
Shared with from Codever.
👉 Use the Copy to mine
functionality to copy this snippet to your own personal collection and easy manage
your code snippets.
Codever is open source on Github ⭐🙏