Twitter bootstrap Angularjs和twitter引导-每行创建X个项目
我正在使用Twitter bootstrap Angularjs和twitter引导-每行创建X个项目,twitter-bootstrap,angularjs,Twitter Bootstrap,Angularjs,我正在使用angular.js和twitter引导程序来创建web应用程序的客户端 我想知道,这样做的正确方法是什么 <div class="span9"> <div class="row"> <div class="span3" ng-repeat="set in selectedCollection.sets"> {{set.name}}</div> </div> </d
angular.js
和twitter引导程序来创建web应用程序的客户端
我想知道,这样做的正确方法是什么
<div class="span9">
<div class="row">
<div class="span3" ng-repeat="set in selectedCollection.sets">
{{set.name}}</div>
</div>
</div>
现在我正在做这样的事情
<div class="span9">
<div class="row">
<div class="span3" ng-repeat="set in selectedCollection.sets">
{{set.name}}</div>
</div>
</div>
这部分来自官方的引导文档
如果这是一种不恰当的方式来做这类事情,怎么能做到呢?我是否应该以某种方式将此数据拆分为二维数组并创建两个嵌套循环,以便每行有3个span3
div
如果是这种情况,我将在模型中创建一个函数,该函数将返回基于一维数组的二维数组,并在外部元素中使用ng repeat=“mappingFunction()中的dimensionalSet”(
) 我实际上也在考虑这种情况。
我认为你的小提琴没有错。如果这些嵌套的行列加起来不等于父列数,这应该不会有问题
您可以做的一件事是在对象集合上重复ng,其中每个对象包含三个对象的数组,然后始终添加这三个对象,即使其中一些对象为空。如果您从服务调用中获得结果,则可以在返回结果之前在服务器端执行此操作。嵌套推断将span3
中的一行放入其中,然后使用span3
将该内行拆分为3,作为示例。不确定你的问题到底是什么…尽管这似乎是对文档的误解。如果问题比图像中显示的简单行更为严重,请在jsfiddle.net中提供一个真正的html演示。当您单击+
按钮时,您正在向span9
中的嵌套行添加一个span3
元素。在我的浏览器中,以我的分辨率,我得到了我想要的:每“行”3个元素,但我打破了嵌套行应包含一组列的规则,这些列的总数等于其父行的列数。