Как разбить на колонки?

Question

[Артем Кондрацкий]

Есть массив данных и есть несколько колонок. Я хочу поместить в каждую колонку по 5 уникальных элементов через *ngFor. Как мне это сделать?

Answer 1

[Николай Еремеев]

1) создаем переменную, которая будет отвечать за кол-во колонок:

let count = Math.round(array.lenght / 5) // array - ваш массив
let columns = []
columns.length  = count

2) преобразуем массив array в такой вид [ [5 элементов старого массива], [5 элементов старого массива], [5 элементов старого массива] ... ] // не стал расписывать как, думаю справитесь.

3) Делаем колонки в шаблоне

<div *ngFor="let column of columns; let i = index"></div>

4) Выводим в каждой колонке по 5 уникальных значений:

<div *ngFor="let column of columns; let i = index">
  <span *ngFor="let item of newArrays[i]> {{ item }} <span>
</div>