Angular - 指定可观察的返回类型？

Question

我在一个函数中有这部分：

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;
  });

该getComments函数：

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

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

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

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);
  }
}

所有这些都运作良好。问题是，我的 IDE (phpstorm) 抱怨data.headersand data.body，认为这些属性不存在于类型“对象”上。

如何让它知道一切都很好？我想过输入 return 但没有成功。

Answer 1

你data的类型应该是从你的返回的类型http.get<T>()

get(subUrl:string = '', needObservable = false) : Observable<T> {
    let options = {};
    if(needObservable) {
      options = {observe: 'response'};
    }
    return this.http.get<T>(this.url + subUrl, options); // add a type that you are expecting to be returned from api
}

-订阅

this.myservice.getComments()
  .subscribe((data : T) => {
    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;
});

Answer 2

这与IDE无关。只是 Typescript 的编译器认为 typeobject没有这些属性，这是对的。

只需将类型设置data为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;
});