Прокрутка контейнера при начальной загрузке в приложении с угловым значением

Question

У меня есть контейнер, который анимирует свой scrollTop до низа при добавлении нового элемента. Разметка выглядит примерно так:

<div class="scrolly"> 
    <div class="item" ng-repeat="item in items" ng-animate=" 'scroll-to-bottom' "> 
     {{item.value}} 
    </div> 
</div> 

Это отлично работает при добавлении новых элементов, но на начальной загрузки страницы, контейнер прокручивается вверх. Я хотел бы выяснить, как правильно установить scrollTop на начальную загрузку страницы.

Пример jsFiddle: http://jsfiddle.net/bkad/JnwCP/

Answer 1

Я закончил с использованием scrollGlue, который реализует это как директиву.

Answer 2

Хитрость заключается в том, чтобы добавить некоторую задержку при заполнения данных, как это :)

$timeout(function() { 
    for (var i = 0; i < 20; i++) 
    $scope.items.push({ 
     value: i 
    }) 
}, 10); 

Demo