我正在使用php + laravel,blade,bootstrap和angularjs建立一个网页(我是新手)。我想显示图像/数据列,如下所示:
img1 img2 img3 img4
data1 data2 data3 data4
img5 img6 img7 img8
data5 data6 data7 data8
这些存储在一个内部有hashmaps的数组中,我可以将其作为html内的angularjs变量获取。我没有问题将它变成一个看起来像上面的静态网页。
我的问题是:实现这种动态的最佳方法是什么?我用Google搜索并找到了几个解决方案。要么我可以使用ng-repeat,但问题是如果你想在多个bootstrap列中使用它似乎很困难(一个没问题)。我得到了成功,但我得到了动画问题(当我将鼠标悬停在一个图像上时,所有其他图像都会影响我的动画)。所以这似乎是一个糟糕的解决方案。我也可以使用刀片中的for循环或者在刀片中的php标签内的普通php代码。后两个选项似乎更简单,但我无法以简单的方式将angularjs变量转换为php变量,以便我可以遍历它。在我看来,这是一个非常常见的事情(循环遍历动态数据并在多列中很好地显示它),因此必须有一个简单的解决方案。
那我该怎么办?为此我应该跳过整个angularjs的东西吗?也许在这里使用angularjs变量没有意义吗?