*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>
  <tr *ngFor="let alphabet of A; let i = index">
  <td >{{ alphabet }}</td>
  <td >{{ B[i] }}</td>
  </tr>
</tbody>