首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用httpClient在Angular7中封装请求管理器?

如何使用httpClient在Angular7中封装请求管理器?
EN

Stack Overflow用户
提问于 2019-05-29 21:36:00
回答 1查看 111关注 0票数 1

我是Angular的新手,我像这样使用httpClient:

代码语言:javascript
复制
 public getFocusAreaDataWithHttpClient() {

    this.http.get(Api.focusAreaApi).subscribe({
      next(response) {
        console.log("httpClient handle data");
        console.dir(response);
      },
      error(err) {
        console.error("Error: " + err);
      },
      complete() {
        console.log("Completed");
      }
    });
  }

我想封装一个服务(apiManager.service)来提供一个公共方法,这样其他服务就可以使用它来获取数据(需要传递apiurl),我希望是这样的:

代码语言:javascript
复制
export class ApiManager {
  constructor(private http: HttpClient) {}
// define request header , content-Type , auth token ,and some common config here
// and there should be 2 method - get and post

}

其他服务可以像这样使用它:

代码语言:javascript
复制
apiManager.get(apiurl,parameters).subscript...
apiManager.post(apiurl,parameters).subscript...

但是我不知道如何封装它,如果有人能给我一些演示来展示如何封装一个管理器类来提供数据获取功能,我将非常感激。

EN

回答 1

Stack Overflow用户

发布于 2019-05-29 21:52:34

在Angular中,这种类型的活动是通过services完成的。

如果您使用Angular CLI (您一定要使用它),只需在终端中输入ng generate service api-manager,它将为您创建所有的样板文件。

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

https://stackoverflow.com/questions/56361913

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档