3

我正在使用angular.jswithtwitter bootstrap创建 Web 应用程序的客户端。

我想知道，做这样的事情的正确方法是什么

在此处输入图像描述

现在我正在做这样的事情

<div class="span9">
    <div class="row">
        <div class="span3" ng-repeat="set in selectedCollection.sets">
            {{set.name}}</div>
    </div>
</div>

使用此代码，即使我有 4 个元素，我也会得到 2 行，第一行有 3 个元素，第二行有一个元素。如果此解决方案有效（目前），我想知道这个：

To nest your content with the default grid, add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to the number of columns of its parent.

这部分来自官方引导文档。

如果这是一种不恰当的方式来做这种事情，怎么能做到呢？我是否应该以某种方式将此数据拆分为二维数组并创建两个嵌套循环，以便span3每行有 3 个 div？

如果是这种情况，我将在模型中创建一个函数，该函数将基于一维数组返回这个二维数组并ng-repeat="dimensionalSet in mappingFunction()"在我的外部元素中使用。

4

1 回答 1

0

我其实也在想这种情况。我不认为你的小提琴是错的。如果这些嵌套的行列不加起来等于父列数，那应该不是问题。

您可以做的一件事是对一组对象执行 ng-repeat，其中每个对象包含三个对象的数组，然后始终添加这三个对象，即使其中一些对象是空的。如果您从服务调用中获取结果，您可以在发回结果之前在服务器端执行此操作。

于 2013-05-16T17:47:08.457 回答