文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用Angular 6在HTTP请求中包含参数

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

Stack Overflow用户

提问于 2018-08-08 00:55:23

回答 1查看 2.4K关注 0票数 0

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

UserService

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=。我试着查看How to pass url arguments (query string) to a HTTP request on Angular，但没有多大帮助。

谢谢。

angular

http

angular-services

angular-httpclient

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-08 00:58:43

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51731878

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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