如何在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= 。 我尝试查看如何将url参数（查询字符串）传递给Angular上的HTTP请求，但并没有太大帮助。

谢谢。

Answer 1

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