Anzeige (OBJEKT) Inside Array, Array Inside Objekt in Angular

Question

Ich bin verwirrt, wie ich die material.name und project.name auf dem HTML anzeigen würde. Hier ist das Bild und die Codes unten.

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

Es sollte sein seit material ist ein objekt,

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