如何通过单击按钮动态制作网格

Question

我有一个由字符串数组填充的列表。

我想创建一个每行最多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"];

我希望有一个网格，当我单击任何列表项时，该网格将使用列进行更新，但我一直无法找到一种方法