エラー NG0900 比較中にエラーが発生しました。配列と反復可能なオブジェクトのみが許可されます

Question

*ngFor を使用するとデータをレンダリングできますが、このエラーがスローされます

エラー エラー: NG0900: '[オブジェクト オブジェクト]' を比較しようとしたときにエラーが発生しました。配列と反復可能なオブジェクトのみが許可されます

これが私のサービス方法です

リーリー

これは私のコンポーネントメソッドです

リーリー

これは私の Cigales インターフェイスです

リーリー

これは私のコンポーネントです。html

リーリー

Console.log(this.editions) を実行すると、2 つのオブジェクトの配列が得られます

コンソールの結果

編集: Array.isArray(this.editions) を試してみましたが、trueを返します

Answer 1

まず第一に、あなたが直面しているエラーは、 *ngFor ディレクティブのデータ ソースとして配列ではなくオブジェクトを使用しようとしていることに関連しています。

次に、データを this.editions に割り当ててみます。例:

async getEditions(): Promise {
  await this.CigalesService.getEditions().then(res=> {
    res.subscribe(data => {
      this.editions= [...data.content];
    })
  })
}

さらに、Angular アプリケーションでは Promise の使用を避け、代わりにサブスクリプションを利用してコードをより反応的にすることをお勧めします。