如何使用角度材料表显示来自API响应的对象？

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-response-display',
  templateUrl: './response-display.component.html',
  styleUrls: ['./response-display.component.css']
})
export class ResponseDisplayComponent implements OnInit {
  responseData: any; // 定义用于存储API响应的对象的属性

  constructor() { }

  ngOnInit(): void {
    // 在这里调用API并将响应数据赋值给responseData属性
    // 例如，使用HttpClient模块发送HTTP请求获取API响应
  }
}

<div>
  <h2>API响应的对象</h2>
  <p>属性1: {{ responseData.property1 }}</p>
  <p>属性2: {{ responseData.property2 }}</p>
  <!-- 根据API响应的对象的属性数量和类型，显示更多属性 -->
</div>

<!-- 其他组件的模板文件中 -->
<app-response-display></app-response-display>