Angular 5 ngfor同时让两个变量

Question

我需要在 for 中分​​配两个变量。在 Angular 5+ 中是这样的

<div *ngFor="let a of apple, let b of ball">
  <a [routerLink]="['/ball',b]">
    {{a}}
  </a>
</div>

请问有什么建议吗？

提前感谢您的帮助。

Answer 1

看来您的数组长度相同，即Parallel Arrays。你应该避免嵌套 ngFor。

您可以使用一个数组的索引来查看另一个数组：

<div *ngFor="let a of apple; let i = index">
    <a [routerLink]="['/ball', ball[i]]">{{a}}</a>
</div>