Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Как добавлять div над div'ом? (https://javascript.ru/forum/angular/48022-kak-dobavlyat-div-nad-div%27om.html)

Johnlion 16.06.2014 22:44

Как добавлять div над div'ом?
 
есть выпадающий блок меню dropOutBlock, в который ng-repeat'ом добавляются пункты dropOutPoint

я хочу, чтобы добавлялось так: стал первый пункт, потом НА него 2й, на 2й - 3й и т.д. А сейчас добавляется 1й, ПОД ним 2й, 3й и т.д...
<div class="dropOutBlock" ng-style="dropOutBlockStyle" set-height>
					<div class="dropOutBlockArrow" ng-show="upArrowShow">
						<div class="arrowBlock" id="arrowUp"></div>
					</div>
					<div ng-repeat="layout in layouts[page_index]" class="dropOutPoint" ng-class="{cred:layout.selected}" ng-click="changePointColor(page_index,$index)">{{layout.name}}</div>
					<div class="dropOutBlockArrow" ng-show="downArrowShow">
						<div class="arrowBlock" id="arrowDown"></div>
					</div>
				</div>


FireVolkhov 17.06.2014 08:44

Не понял, что это значит "стал первый пункт, потом НА него 2й, на 2й - 3й и т.д.", если тебе нужен массив в обратном порядке вот решение:
app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

<div ng-repeat="layout in layouts[page_index] | reverse" class="dropOutPoint" ng-class="{cred:layout.selected}" ng-click="changePointColor(page_index,$index)">{{layout.name}}</div>

Johnlion 18.06.2014 23:25

FireVolkhov,
мне нужно, чтобы, div'ы становились друг на друга по принципу стека - один на другой, а не один под другой. Чтобы если их много они скрывались за блок сверху, а не снизу. Сейчас я стрелкой показал - они уходят вниз, а мне надо, чтоб вверх они прятались.

sun-ks 23.06.2014 13:44

Сделай реверс массива как тебе показали
app.filter('reverse', function() {
return function(items) {
return items.slice().reverse();
};
});

И Уже через css сделай чтобы блоки уходили наверх.
Для этого нужно сделать
родительский див обределеный высоты, с релативным посишеном. в него вставь див в котором будут лежать все item и задай ему position: {position: absolute;
left: 0;
bottom: 0;}


Часовой пояс GMT +3, время: 13:37.