angular - 添加接口获取请求

Question

我正在尝试向我的代码添加一个接口，但我被困在哪里以及如何放置它。请在下面查看我的代码。

服务.ts

getData() {
  return this.httpClient.get(Constants.API_ENDPOINT + 'data.json');
}

组件.ts

ngOnInit() {
  this.apiService.getData().subscribe((res) => {
    console.log(res);
  });
}

接口.ts

export interface Items {
  name: string;
  description: string;
  url: string;
}

我将如何更改 service.ts 以使用该界面？

标签： angular

Answer 1

• 定义返回类型getData
• 使用 的泛型重载HttpClient.get<T>来定义要返回的数据的结构。

getData() : Observable<Items> {
   return this.httpClient.get<Items>(Constants.API_ENDPOINT + 'data.json');
}