显示阵列内部的对象角度

我试图显示供应商数组的对象名,但我很困惑,因为它在一个数组中。我要显示数组,还想显示第二个数组的对象名。但问题在于第二个数组。供应商。名称是我想显示它。图片如下

输电系统

 getAllMaterials() {
    this.subscription = this.materialsService.getAll()
        .subscribe(
          (data:any) => {
            this.materials = data.materials;
            let suppliers = data.materials[0].suppliers;
            console.log(data);
            console.log(suppliers);
          },
          error => {
           alert("Error");
           console.log(error);
          });
  }

html

<tr *ngFor="let material of materials">
                  <td>{{ material.sku }}</td>
                  <td>{{ material.name }}</td>
                  <td>display on this td</td>
                  <td>{{ material.price }}</td>
                  <td>
</tr>