kondrackii
@kondrackii
1 + 1 = 11

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

Есть массив данных и есть несколько колонок. Я хочу поместить в каждую колонку по 5 уникальных элементов через *ngFor. Как мне это сделать?
  • Вопрос задан
  • 225 просмотров
Решения вопроса 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>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы