我想以某种矩阵形式显示一些图像,让我们说每行3列。将根据用户操作添加和删除图像,矩阵/网格应自动相应更新。例如,当我开始添加图像时,它应该到达第一行和第一列。当我不断添加它们时,它们应该连续显示为3个图像,并在添加第4个图像时自动转到下一行,等等。
我对Ionic很新。正在查看网格CSS功能,我们可以在其中指定行和列以形成网格状结构,但无法找到如何限制列数,以及如何动态添加和删除图像。
这应该非常类似于使用java脚本函数在纯HTML和javascript中向html表添加行和列,但我不确定在Ionic中实现它的最佳方法是什么。
对任何现有的codepen或任何其他指针的任何引用都将非常有用。
非常感谢!
<a href="{{da.file}}" data-lightbox="roadtrip" ><img class="thumbnail center-block img-responsive ion-monitor " ng-src="{{ da.file }}" ><br>
</a>