Javascript 引导两列布局和ng重复(angularjs)
我正在尝试使用ng repeat创建两列布局Javascript 引导两列布局和ng重复(angularjs),javascript,css,angularjs,html,twitter-bootstrap,Javascript,Css,Angularjs,Html,Twitter Bootstrap,我正在尝试使用ng repeat创建两列布局 <div class="row"> <div class="col-md-6" ng-repeat="item in items"> Item: {{item}} </div> </div> 项目:{{Item} 这会导致以下问题: 另外,这个问题以前已经用原生CSS COL解决过了,但我想用bootstrap来解决 注意:下面提出的解决方案不起作用。。有人有其他想法吗
<div class="row">
<div class="col-md-6" ng-repeat="item in items">
Item: {{item}}
</div>
</div>
项目:{{Item}
这会导致以下问题:
另外,这个问题以前已经用原生CSS COL解决过了,但我想用bootstrap来解决
注意:下面提出的解决方案不起作用。。有人有其他想法吗?你必须把它分成两列,但之后应该很容易:
<div class="row">
<div class="col-md-6" ng-repeat="item in items | limitTo: items.length /2: 0">
Item: {{item}}
</div>
<div class="col-md-6" ng-repeat="item in items | limitTo: items.length /2: items.length /2">
Item: {{item}}
</div>
</div>
项目:{{Item}
项目:{{Item}
因此我有两张桌子
保持引导风格
<table> <tr ng-repeat="cl in codelist" ng-if="$index<codelist.length/2">
<td>{{$index}}</td>
</tr></table>
<table> <tr ng-repeat="cl in codelist" ng-if="$index>=codelist.length/2">
<td>{{$index}}</td>
</tr></table>
{{$index}}
{{$index}}
它显示了奥迪的秩序
1 3
2 4
5 6
像这样谢谢!这正是我想要的解决方案,因为一切都在视图中处理!嗨,有没有办法把它扩展到3,4列?我知道我总是可以键入“col-md-4”并将limit更改为items.length/3,但我认为可以使用具有可变col数的嵌套ng repeats执行此操作!p、 对不起,还有一件事。。我认为items.length/2,得到Math.floor,它省略了最后一个元素。可以添加+1吗?请看这个plunkr:有5个项目,但它只渲染前四个项目?你是对的,应该可以通过添加1来解决这个问题。