处理来自Angular 5 Http调用的响应

Question

getItems() {
    this.fetchItemsService.fetchItems(this.url, this.searchTex).subscribe((res) => {
        this.repos = res['items'];
    })
}

Above code is working fine but initially I tried as follow

getItems() {
    this.fetchItemsService.fetchItems(this.url, this.searchText).subscribe((res) => {
       this.items= res.items;
   })
}

This is throwing an error Items is not defined on res

res is an object

Why is it like that?

Answer 1

You can refer this link to know, why you can't use res.data instead of res['data'] .

You can't write res.data because TypeScript correctly complains that the res object from the service does not have a data property.

The HttpClient.get() method parsed the JSON server response into the anonymous Object type. It doesn't know what the shape of that object is.

You can tell HttpClient the type of the response to make consuming the output easier and more obvious.