gpt4 book ai didi

angularjs - 以 Angular 迭代每第三行

转载 作者:行者123 更新时间:2023-12-01 05:06:24 26 4
gpt4 key购买 nike

我在遍历我的对象时遇到了一些困难。问题是,我想要的是创建一个包含 3 列的行,并用来自 Controller 的信息填充它们。

<body ng-controller="StatisticsCtrl as statCtrl" ng-init="getValues()">
<div id="contentWrapper" class="container-fluid">
<div class="row">
<div class="col-xs-12 col-lg-4" ng-repeat="category in categoryDictionary">

<div style="background-color: #0d1224; border-radius: 10px; padding:10px; ">

<div class="row">
<div class="col-xs-12"><h4><span class="rubriker kategoriRubrik">{{category.rubrik}}</span></h4></div>
</div>

</div>
</div>
</div>
</div>
</body>

我现在所做的是在创建列行时重复,但这不是我想要的最佳选择。我想要一行内有 3 列。我一整天都在疯狂地使用谷歌搜索,却没有找到任何帮助。与我的示例代码一起提供的工作 jsfiddle 将不胜感激!

最佳答案

在过去的一年里,我已经多次回答过这个问题。使用 Bootstrap,您 不要需要手动将数据分组。

Bootstrap 会自动为您包装列。我有一个 Bootply这在行动。

This Answer以及。

编辑

如果您的行不等高,您可能需要添加 <div class="clearfix" />每 3 列后,“重置”列并修复对齐问题。

关于angularjs - 以 Angular 迭代每第三行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28151262/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com