Scroll after the images finish loading


#1

Hi everyone,

I was wondering if anyone of you know a solution to something that I am facing. So to simplify things, let’s say that I have an app that has a list of images, they’re loading from a webservice using $http.get().

I display the images with the following structure:

<ul>
    <li ng-repeat="item in items">
        <img ng-repeat="image in item.thumbnailUrls" ng-src="{{image}}" />
    </li>
</ul>

Once the images finish loading, I want the view to scroll to the bottom using the $ionicScrollDelegate

$http.get(imagesURL).success(function(data){
    $scope.items = data.data;
})
.then(function(data) {
    $ionicScrollDelegate.scrollBottom(true);
});

But the thing is that the scrollBottom fires when I get the data from the webservice, it doesnt wait until after those images finish loading.

Now this might not be an “ionic” pure issue, but I thought to ask the good people here for help.

My question is the following, is there a way to test that all the images have finished loading, and then scroll to the bottom of the page?

I appreciate your input.


#2

Any ideas, tips, directions would be appreciated.