从angularjs变量创建动态boostrap列

时间:2016-02-03 16:13:31

标签: javascript php angularjs twitter-bootstrap

我正在使用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变量没有意义吗?

0 个答案:

没有答案