javascript - 绑定数组元素对

Question

我在一个数组中有 8 个值。我正在尝试连续绑定两个值。接下来的两个在下一行，反之亦然。但我不能在*ngFor. 请帮帮我。

TS

times = ["7.00 AM","8.00 AM","10.00 AM","11.00 AM","1.00 PM","2.00 PM","4.00 PM","5.00 PM"]

HTML

<div *ngFor="let time of times">
<button class="btn btn-outline">{{time}}</button>
</div>

但是，每个显示一个。

预期产出

标签： javascriptangulartypescript

Answer 1

使用索引获取数组中的下一个值

<div *ngFor="let time of times; let i = index;">
  <button
    *ngIf="times[i + 1]"
    class="btn btn-outline"
  >{{time}} - {{times[i + 1]}}</button>
</div>