*ngFor - 表中单行的两个不同数组

Question

我需要将两个不同的数组“A”和“B”填充到同一行中。

let A = ["a","b","c","d"]

let B = ["success","success","success","success"];

HTML

<tbody>

  <ng-container *ngFor="let alphabet of A; let i = index">

  <tr *ngFor="let status of B; let i = index">

  <td >{{ alphabet }}</td>

  <td >{{ status }}</td>

  </tr>

  </ng-container>

</tbody>

但是在这里我得到重复的行集

预期的：

a    success

b    success

c    success

d    success

Answer 1

您可以通过索引访问第二个数组的数据：<tbody>&nbsp; <tr *ngFor="let alphabet of A; let i = index">&nbsp; <td >{{ alphabet }}</td>&nbsp; <td >{{ B[i] }}</td>&nbsp; </tr></tbody>