*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    successb    successc    successd    success

Answer 1

您可以通过索引访问第二个数组的数据：

<tbody>

  <tr *ngFor="let alphabet of A; let i = index">

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

  <td >{{ B[i] }}</td>

  </tr>

</tbody>