0

У меня есть массив из 6-ти элементов (это пример элементов может быть сколько угодно), по которым я хочу сделать ng-repeat. Но я хочу, чтобы в блок ложилось по два элемента. На выходе должна получиться такая

<div class="row">
    <div class="col">1 элемент массива</div>
    <div class="col">2 элемент массива</div>
</div>
<div class="row">
    <div class="col">3 элемент массива</div>
    <div class="col">4 элемент массива</div>
</div>
<div class="row">
    <div class="col">5 элемент массива</div>
    <div class="col">6 элемент массива</div>
</div> 

2 ответа 2

1

используйте range

js:

var myApp = angular.module('myApp', []);
myApp.filter('range', function() {
  return function(input, total) {
    total = parseInt(total);
    for (var i=0; i<total; i++) {
     input.push(i);
    }
    return input;
  };
});

html:

            <tr data-ng-repeat="key in [] | range: items.length/2">
                <td>{{items[key]}}</td>
                <td>{{items[key+1]}}</td>
            </tr>

и будет Вам счастье!

0

Только написать свою директиву.

Или свой фильтр и вложить второй ng-repeat внутрь первого.

2
  • Нет, нужно именно по два col в один row. Ну да, либо с дерективой заморочиться
    – drm
    29 фев 2016 в 9:37
  • @drm, тогда нужно свою директиву. Или свой фильтр и два вложенных ng-repeat.
    – Qwertiy
    29 фев 2016 в 9:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.