問題タブ [angular-material-table]

Material テーブルのセルに画像を表示しようとしています。したがって、HTMLファイルでこのコードを試しました：

残念ながら、テーブルには何も表示されません。

IEX トレーディング API を使用して株価のテーブルを作成しようとしています。ただし、データソースに接続しようとすると問題が発生します。ngfor を使用してデータを表示することはできますが、テーブルを使用しようとするとデータが表示されません。他に何を試したらよいかわかりません。APIからデータを受け取る方法に問題があるのではないかと考えていました。サービスクラスでは、テーブルを操作できるように配列に変換しようとしています。

次のような API 応答があります。

このオブジェクトをマテリアル データ テーブルのデータソースとして使用したいのですが、次のエラーが発生します。

指定されたデータ ソースは、配列、Observable、または DataSource と一致しませんでした

次のようなセル定義を使用してみました。

しかし、それはうまくいきませんでした。

もちろん、オブジェクトをループして、次のような配列を作成することもできます。

これで問題は解決するかもしれませんが、不要だと思うので、これを実行したくありません。

編集

このコードをサービス呼び出しに追加して修正しました。

このテーブルを、ページネーションと並べ替えを firebase と一緒に機能させるのに非常に苦労しました。テーブルをfirebaseで動作させることができましたが、並べ替えとページネーションを導入しようとするとすぐに、すべてがぼんやりし始めました。ドキュメントを読んだ後、回路図があることがわかったので、マテリアル テーブルの回路図を生成し、それを適応させようとしましたが、ここに残されました。これが必要以上に難しいように思える理由がわかりません。私はここで数日間これを行ってきましたが、ここで何が欠けていますか?

これが私のData-table-datasource.tsです

firebaseからデータを取得するための私のdataviewdata.service：

私のdata-table.component.ts：

また、component.html が必要な場合: