Блог

У меня есть 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>
 

Но отображает по одному в каждом.

Ожидаемый результат

Используйте индекс, чтобы получить следующее значение в массиве

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