在引导行上应用 ng-repeat答案

【问题标题】：Apply ng-repeat on bootstrap row在引导行上应用 ng-repeat
【发布时间】：2015-07-25 21:26:40
【问题描述】：

我正在尝试将 ng-repeat 应用于此处标有“公司”类的列。我无法这样做，因为“行”打破了两者之间的顺序。

我需要展示超过 1000 家这样的公司。我应该如何进行？

    <div class="row">
        <div class="col-sm-6 col-xs-12 company">
            <small>Users</small>
            <small>Followers</small>
        </div>
        <div class="col-sm-6 col-xs-12 company">
            <small>Users</small>
            <small>Followers</small>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-xs-12 company">
            <small>users</small>
            <small>Followers</small>
        </div>
        <div class="col-sm-6 col-xs-12 company">
            <small>users</small>
            <small>Followers</small>
        </div>
    </div>

【问题讨论】：

这可以帮助：stackoverflow.com/questions/21644493/…

标签： angularjs twitter-bootstrap angularjs-ng-repeat

【解决方案1】：

试试

<div class="row" ng-repeat="i in getNumber(1000)">
        <div class="col-sm-6 col-xs-12 company">
            <small>users</small>
            <small>Followers</small>
        </div>
        <div class="col-sm-6 col-xs-12 company">
            <small>users</small>
            <small>Followers</small>
        </div>
 </div>

在控制器中

$scope.getNumber = function(num) {
    return new Array(num);   
 }

【讨论】：

谢谢。但是，您没有抓住重点。我在这里为用户、关注者等重复绑定“两次”（此处未显示 45+ 字段）。这是一个公司页面。大学，学生，校友等还有其他相同格式的页面。我不想每次都绑定两次。

【解决方案2】：

如果您尝试重复 .company 元素，则应在 .company 元素上应用 ng-repeat。

<div class="row">
    <div class="col-sm-6 col-xs-12 company" ng-repeat="i in getNumber(1000)">
        <small>users</small>
        <small>Followers</small>
        <small>...</small>
    </div>
</div>

如果您担心.col-sm-6 没有为第三个以上的元素换行到下一行，引导程序和浏览器很聪明地会将它们换行到下一行。请在此处查看 JSFiddle - http://jsfiddle.net/s0x7v41p/1/。

【讨论】：