2016-03-02 62 views
0

AngularJS是新手,并想知道如何限制一行结果,并继续向下一行溢出。如何在AngularJS中分割结果

根据从数据库中提取的人数,我的页面已加载卡片。

例如:如果有人搜索“thomas”,它会找到x个不同的thomas'并使用Ng-repeat列出x卡片,这些卡片上有一个名字。但我想限制3张牌,然后移动到下一行并重复。

我不能使用“LimitTo”,因为它只是切断了其他结果。

谢谢。

+2

你需要用CSS而不是角度来解决这个问题。 – SSH

+1

如果你正在使用bootstrap ..让boostrap为你处理它,将卡的大小保持为col-md-4,这会将第4张卡移动到下一行然后是第7张......即使你正在使用一些其他的UI框架..你可以使用卡片大小 – harishr

+0

@SSH是正确的,从而限制线路上没有卡。不知道为什么我从样式角度不考虑它。 – TomLV

回答

2

绝对聪明的使用CSS建议SSH。

简单地使用这个,它修复了它。

ul{ 
width:100%; 
} 
li{ 
float:left; 
width:45%; 
margin-left: 5%; 
}