显示微调器加载多个图像

Question

我创建了一个小型电影搜索功能，可以从themoviedb.org请求数据，因为该数据是对我希望在搜索结果中显示的海报的引用。在当前情况下，当我搜索像Star Trek这样的标题时，Angular会为每个电影对象呈现一个li元素，其中包含标题，日期和图像。问题是最后加载图像会使整个体验变得浑浊。是否可以等待渲染li元素，直到所有图像都被加载？

在我的控制器中，我有一个小旋转器，在初始请求期间出现：

    $scope.createList = function (searchquery) {
        $scope.loading = true;
        moviesearchFactory.getMovies(searchquery)
            .then(function (response) {
                $scope.movies = response;
            })
            .finally(function () {
                $scope.loading = false;
            });

    }

但由于图像的数据只是一个字符串，因此请求非常快。实际上，从API向浏览器提供图像需要一段时间，这会导致列表跳转。