How to split into columns?

Question

JavaScript

There is an array of data and there are several columns. I want to put 5 unique elements in each column using *ngFor. How can I do it?

Answer 1

1) create a variable that will be responsible for the number of columns:

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

2) transform the array array into the following form [ [5 elements of the old array], [5 elements of the old array], [5 elements of the old array] ... ] // didn't describe how, I think you can handle it.
3) Making columns in the template
4) Display 5 unique values ​​in each column:

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