Javascript 显示数组内部的对象角度

我试图显示suppliers数组的对象名，但我感到困惑，因为它在数组中。我要显示数组，还想显示第二个数组的对象名。但问题出在第二个数组上。supplier.name是我要显示的。图片如下

[图示][1]

ts

html

{{material.sku}}
{{material.name}
显示在这个td上
{{material.price}}

因此您可以做两件事：

解决方案1:如果您在供应商中只有一个记录

<tr *ngFor="let material of materials">
              <td>{{ material.sku }}</td>
              <td>{{ material.name }}</td>
              <td>{{material.suppliers[0].name}}</td>
              <td>{{ material.price }}</td>
              <td>
</tr>

{{material.sku}}
{{material.name}
{{物料.供应商[0].名称}
{{material.price}}

解决方案2:

如果要在同一td中显示多个名称：

 <tr *ngFor="let material of materials">
              <td>{{ material.sku }}</td>
              <td>{{ material.name }}</td>
              <td><span *ngFor ="let s of material.suppliers"> {{s.name}} 
               </span>
              </td>
              <td>{{ material.price }}</td>
              <td>
</tr>

{{material.sku}}
{{material.name}
{{s.name}}
{{material.price}}

您的供应商rray的长度始终为一？或者您想在那里显示多个td？@vertika我想在一个td中显示suppliers.name

<tr *ngFor="let material of materials">
              <td>{{ material.sku }}</td>
              <td>{{ material.name }}</td>
              <td>{{material.suppliers[0].name}}</td>
              <td>{{ material.price }}</td>
              <td>
</tr>

 <tr *ngFor="let material of materials">
              <td>{{ material.sku }}</td>
              <td>{{ material.name }}</td>
              <td><span *ngFor ="let s of material.suppliers"> {{s.name}} 
               </span>
              </td>
              <td>{{ material.price }}</td>
              <td>
</tr>