显示（OBJECT）内部数组，角度数组内部对象

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>