Блог

У меня есть список, заполненный массивом строк.

Я хочу создать сетку, в которой будет максимум 3 столбца в строке. Она начнет пустую, а затем создаст столбец для каждого элемента списка всякий раз, когда он будет выбран. Допустим, у меня есть массив

допустим, у меня есть список, заполненный этим массивом, ["lorem", "ipsum", "dolor"] когда я выбираю ipsum , например, он должен динамически создавать новый столбец в сетке для ipsum .

В сетке должно быть всего 3 столбца в строке

Я понятия не имею, что попробовать

Вот все, что у меня есть

HTML

 <ion-list>
    <ion-item *ngFor="let item of itemlist">
         {{item}}
    </ion-item>
<ion-list>
  

Допустим, я хочу, чтобы сетка была здесь:

 <ion-grid>
//How do i make this grid to do what i explained above
</ion-grid>
  

затем для ts

 listitems = ["lorem", "ipsum", "dolor"];
  

Я ожидаю, что у меня будет сетка, которая будет обновляться столбцами при нажатии на любой элемент списка, но я не смог найти способ сделать это