javascript - Bootstrap col 大小取决于 ng-repeat 项目

标签 javascript angularjs twitter-bootstrap angularjs-ng-repeat dynamic-columns

我正在尝试使用 ng-repeat 图像填充我的网站。我想做一些事情,如果图像中只有一个图像,它将得到 1 整行(col-xs-12),如果有 2 个图像,它们将加载为 col-xs-6,向上最多 6 张图片(每张图片 col-xs-2)。

有没有可能这样玩?我想将它们列为 ul>li>img + 描述。

干杯!

最佳答案

是的,实际上可以使用 ng-class directive of Angular .

您可以做的是用您获得的图像数量调用一个函数,该函数将返回相应的 Bootstrap 类

关于javascript - Bootstrap col 大小取决于 ng-repeat 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35747009/

相关文章:

html - Bootstrap Yamm Navbar 悬停时出现故障

css - Bootstrap 列中的长文本会影响后续列

html - 如何使 Bootstrap 缩略图图像具有相同的高度,以便缩略图面板对齐?

javascript - 创建变量链接作为超链接 javascript

Javascript从#anchor重定向到一个单独的页面

javascript - ag-Grid 国际化所有可能的属性

javascript - Angularjs Material $mdDialog Controller 在特定计算机上不工作

javascript - 如何通过类比curl请求从JavaScript发出请求

javascript - 使用 ngMouseover 去抖动

javascript - 从表中删除行(删除的行数多于选定的行数)