角度6，請求httpClient（類型錯誤）

Question

我的服務有誤。 我正在嘗試獲取媒體列表（該列表由NodeJS創建，並啟動所有媒體的JSON）。 我可以恢復它，但是在類型'Media []'上不存在“屬性'medias'錯誤”。

這是我的服務

getMedias(): Observable<Media[]> {
    return this.http
      .get<Media[]>('http://localhost:3000/api/media')
      .map(mediasFetched => mediasFetched.medias);    <strong><!> L'erreur est juste ici <!></strong>
  }

我獲取媒體的組件：

this.mediaService.getMedias().subscribe(mediasFetched => {
      this.medias = mediasFetched;
      this.isLoading = false;
    });

如果不將“ .medias”添加到“ mediasFetched”，則只會得到一個包含表的對象。 我必須經過此屬性才能獲取表，這就是我的錯誤所在。

我必須通過此屬性才能在html中使用ngFor瀏覽它。

如果我錯過了一件大事，請提前打擾一下，但是我從Angular開始：p

謝謝

Answer 1

在您的模型中，嘗試添加以下媒體：any []

export interface Media { 
   medias: any[]
}

Answer 2

我用<{medias：Media []}>解決了我的問題，刪除了可觀察對象並添加了對我的服務的訂閱。

服務：

getMedias() {

    this.http
      .get<{ medias: Media[] }>(`${this.apiUrl}media`)
      .subscribe(mediasData => {
        this.medias = mediasData.medias;
        this.mediasUpdated.next([...this.medias]);
      });
  }

component.ts：

this.mediaService.getMedias（）;

@yer謝謝您的選擇