angular 5 * ng对于两个数组（合并两个数组的对象以生成单个数组的对象）

Question

我从角度为5的两个get方法获取数组。我想要的是将这两个数组（JSON）组合成一个数组并将其打印在一个for循环中

我的两个阵列： -

servers3 =[
{
  sub:'sub',
  subDesc:'subDesc'
}];

public tableData:any;

我正在使用concat两个组合两个数组，如下所示

<table>
  <tr>
    <th>fileName</th>
    <th>icon</th>
    <th>fullPath</th>
    <th>sub</th>
    <th>subDesc</th>
    <th>image</th>
  </tr>
  <tr *ngFor="let item of tableData.concat(servers3)">
    <td>{{item?.fileName}}</td>
    <td>{{item?.icon}} </td>
    <td>{{item?.fullPath}}</td>
    <td>{{item?.sub}}</td>
    <td>{{item?.subDesc}}</td>
    <td><img src="{{item?.fullPath}}" width="200px" height="200px" alt="adawdawd"/></td>
  </tr>
</table>
</div>

我得到的输出如下： -

因为你可以看到它没有显示在一行中 每个数组单独完成

如果有人知道答案，请给我解决方案 提前谢谢你

Answer 1

您可以使用以下内容，请记住两个数组的长度应该相同，否则会产生错误。

this.tableData.map((item, index) => {
     return Object.assign(item, servers3[index]));
});

<强> HTML

...
<tr *ngFor="let item of tableData">
...