Angular - specify observable return type?

Question

I have this part in a function :

this.myservice.getComments()
  .subscribe(data => {
    this.post.comments = data.body;
    this.post.comments_count = Number(data.headers.get('x-wp-total'));
    this.post.comments_pages = Number(data.headers.get('x-wp-totalpages'));
    this.content_ready = true;
  });

The getComments function :

export class myservice extends DataService {
  protected url = 'my_url';

  constructor( protected http: HttpClient ) {
    super(http);
  }

  getComments(){
    return this.get(
      this.subUrl, true );
  }
}

Relevant part of dataService :

export class DataService {
  protected url: string;

  constructor(protected http: HttpClient) {}

  get(subUrl:string = '', needObservable = false) {
    let options = {};
    if(needObservable) {
      options = {observe: 'response'};
    }
    return this.http.get(this.url + subUrl, options);
  }
}

All of this works well. The thing is, my IDE (phpstorm) is complaining about the data.headers and data.body, arguing that those properties does not exists on type 'object'.

How to let it know that everything is fine ? I thought about typing the return but not succeeding in doing so.

Answer 1

This is not related to the IDE. Just Typescript's compiler is arguing that type object does not has those properties and it is right.

Just set the type of data to any - data: any.

.subscribe((data: any) => {
    this.post.comments = data.body;
    this.post.comments_count = Number(data.headers.get('x-wp-total'));
    this.post.comments_pages = Number(data.headers.get('x-wp-totalpages'));
    this.content_ready = true;
});