Array（Array）オブジェクト内の配列（Array内の角）

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

それは、でなければなりません素材が対象物なので、

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