VPF::Angularjs ng-repeat данные виде таблицы

Areostar

Дата 11.8.2014, 10:03 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2

Моя проблема заключается в том что ng-repeat выводит содержимое столбиком, одна запись в массиве - одна строка в отображении данных.

У меня в массиве картинки и ссылки для них. И эти картинки надо распологать по 3 в строку(всего 3 строки) и картинок может быть и больше 9 и меньше(тоесть не полные строки)

и желательно строить все на дивах а не просто таблицей!

Как мне такое реализовать??

Aliance

Дата 11.8.2014, 11:27 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Цитата(Areostar @ 11.8.2014, 11:03

)

Моя проблема заключается в том что ng-repeat выводит содержимое столбиком, одна запись в массиве - одна строка в отображении данных.

код хорошо бы сюда кинуть

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Areostar

Дата 11.8.2014, 11:42 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2

в том то и дело что не знаю пока что писать

вот что есть:

Код


  spApp.controller( "galleryCtrl", function($scope, $routeParams, $http) {
      //  console.log($routeParams.number);

        $http({method: 'GET', url: "wp-content/themes/da/query_page.php?post_type_q=category&object_id_q="+$routeParams.number}).success(function(data, status, headers, config){
            console.log('success');
            $scope.rublic = $routeParams.rublic;
            $scope.images = data;
        });
 });

Код



<div class="gallery" id="gallery" ng-controller="galleryCtrl">
       <div class="gallaryObject" ng-repeat="image in images">
           <a href="#/single/{{image.post_id}}"><img ng-src="{{image.img_url}}" ></a>
       </div>
</div>

Aliance

Дата 15.9.2014, 14:53 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Areostar, если еще актуально, от это решается кастомным фильтром. Во пример реализации такого фильтра: https://github.com/m59peacemaker/angular-pm...lters/partition

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »