Как отобразить набор элементов в массиве после некоторой задержки? - PullRequest
Новая
       7

Как отобразить набор элементов в массиве после некоторой задержки?

0 голосов
/ 04 сентября 2018

Я работаю над приложением чата. Я получаю всю историю чата сразу из API и сохраняю ее в массиве с именем $ scope.channel Я отображаю этот список элементов, присутствующих в массиве, используя ng-repeat. То, что я хочу сделать, это отображать наборы данных из массива через некоторые интервалы. Например, когда пользователь открывает экран чата, он / она должен видеть несколько чатов / изображений. Затем через несколько секунд будут загружены данные mmore.

1 Ответ

0 голосов
/ 04 сентября 2018

Как сказал @Sajjad Shahi, вы можете использовать сервис $timeout. Может быть, что-то вроде следующего. Вы можете установить желаемую задержку и размер патрона. Используйте ваш массив $scope.channel как srcArray, а пустой массив yourArrayToDisplay как destArray. Замените channel на yourArrayToDisplay в директиве ng-repeat. Это должно дать вам желаемый результат, насколько я могу следить. 

var dalayedChunkHandler =  {
    chunkSize: 1,
    delay: 2000,
    timeout: null,
    srcArray: [],
    destArray: [],
    dalayedChunk: function(){
        var _this = this;

        var len = _this.destArray.length;
        Array.prototype.push.apply(_this.destArray,_this.srcArray.slice(len, len + _this.chunkSize));                    

        if(_this.srcArray.length > _this.destArray.length) _this.start();
    },
    start: function(){
        var _this = this;
        _this.timeout = $timeout(function(){_this.dalayedChunk.call(_this)}, _this.delay)
    }
};


$scope.yourArrayToDisplay = []; // use this array for ng-repeat
dalayedChunkHandler.destArray = $scope.yourArrayToDisplay;
dalayedChunkHandler.srcArray = $scope.chatHistoryArray; // the array you got
dalayedChunkHandler.start();
...