Javascript 在ionic中动态构建网格状结构

我想以矩阵的形式展示一些图像，比如说每行3列。图像将根据用户操作进行添加和删除，矩阵/网格应自动进行相应更新。例如，当我开始添加图像时，它应该到达第一行和第一列。当我不断添加它们时，它们应显示为一行中的3个图像，并在添加第4个图像时自动转到下一行，以此类推

我对爱奥尼亚很陌生。我们正在研究Grid CSS功能，其中可以指定行和列以形成类似网格的结构，但找不到如何限制列数以及如何动态地向其中添加和删除图像

这应该非常类似于在纯html和javascript中使用java脚本函数向html表添加行和列，但我不确定在Ionic中实现这一点的最佳方法是什么

对任何现有代码笔或任何其他指针的任何引用都将非常有用

非常感谢

 <a href="{{da.file}}" data-lightbox="roadtrip"  ><img class="thumbnail center-block img-responsive ion-monitor "   ng-src="{{ da.file }}" ><br>


         </a>