Применить ng-repeat на начальной строчке

Я пытаюсь применить ng-repeat к cols, помеченным классом «компания». Я не могу этого сделать, потому что «строка» прерывает последовательность между ними.Применить 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>

источник

2015-07-24 user3362364

это может помочь: https://stackoverflow.com/questions/21644493/how-to-split-the-ng-repeat-data-with-three-columns-using-bootstrap – wero

Попробуйте

<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); 
}

источник

2015-07-24 11:32:59

Спасибо. Однако вам не хватает смысла. Я повторяю привязку «дважды» здесь для пользователей, последователей и т. Д. И т. Д. (Поля 45+ здесь не показаны). Это страница компании. Есть другие страницы в том же формате для колледжей, студентов, выпускников и т. Д. И т. Д. Я не хочу связывать дважды каждый раз. – user3362364

Если вы пытаетесь повторить .company элемент, то вы должны применить ng-repeat на .company элемента.

<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 не оборачивать в следующую строку для 3 + элементов, загрузчика и браузеры умны, чтобы обернуть их к следующей строке. См. Здесь JSFiddle - http://jsfiddle.net/s0x7v41p/1/.

источник

2015-07-25 13:26:40 scraymer

Применить ng-repeat на начальной строчке

ответ

Смежные вопросы