如何使用 Angular 6 在 HTTP 请求中包含参数

Question

我需要从 Angular 服务调用以下端点 https://sample_url?id=12345。

用户服务

getUsersByGroupID(id): Observable<User[]> {
 var url = 'https://sample_url';

 var params = new HttpParams();
 params = params.append('id', id);

 this.data = this.http.get<User[]>(url, {params: params}, this.httpConfig.getHeaderOptions()).pipe(catchError(this.handleError('getData', [])));
 return this.data;
}

在我的一个组件中，我应该做类似...

  this.userService.getUsersByGroupID(sys_id).toPromise().then(users => {
   this.users = users as User[]
}

但我不确定如何正确地包含查询参数 ?id=。我试着查看但没有多大帮助。

谢谢。

Answer 1

getUsersByGroupID(id: number): Observable<User[]> {
    return this.http.get<User[]>("https://sample_url?id=" + id)
        .pipe(
             map(response => {
                 return response;
    }));
}

如何使用 Angular 6 在 HTTP 请求中包含参数

How to include parameter in HTTP request with Angular 6

http

angular-services

angular

angular-httpclient