在object.name中依赖于表行显示图像

Question

我有一堆包含大量数据的表格。在第一个表格行中，我希望依赖于设备名称成为设备的图像。所以我有一个对象。所以这是我的表行设置：

<tr class="pointer" *ngFor="let hardware of hardwareForCustomerName; let i = index;" (click)="goToDetails(hardwareForCustomerName[i].barcode)">
    <th scope="row">{{ hardwareForCustomerName[i].serial }}</th>
    <td>{{ hardwareForCustomerName[i].type.deviceType.name }}</td>
    <td>{{ hardwareForCustomerName[i].installedAtBranch.name }}</td>
    <td>
      <span *ngFor="let interface of hardwareForCustomerName[i].type.interfaces; let isLast = last">
            {{ interface.name }}{{ isLast ? '' : ', ' }}
      </span>
    </td>
    <td>{{ hardwareForCustomerName[i].type.readMethod.name }}</td>
    <td>{{ hardwareForCustomerName[i].dateSent | date : "dd.MM.yyyy" }}</td>
</tr>

所以现在{{ hardwareForCustomerName[i].type.deviceType.name }}我希望根据名称显示图像。当名称为foo时，我想要显示foo.png，当名称为bar时，bar.png会出现 - 我该怎么做？

Answer 1

YYYName