显示（OBJECT）内部数组，Angular中的数组内部对象

Question

我很困惑如何在html上显示material.name和project.name。这是下面的图片和代码。

  

TS

getAllMat() {
    this.subscription = this.matService.getAll()
      .subscribe(
        (data:any) => {
          this.mats = data.materialProjects;
          console.log(data);
        },
        error => {
          console.log(error);
        });
  }

  

HTML

    <tr *ngFor="let mat of mats">
                      <td>{{ mat.name }}</td>
  </tr>

Answer 1

它应该是 mat.material.name ，因为素材是一个对象，

 <tr *ngFor="let mat of mats">
   <td>{{ mat.material.name }}</td>
 </tr>