Ионные счетчики (Animated Loader) застревают, когда используется локальное хранилище

Я реализовал в приложении ионные счетчики (Animated Loader), а также использую локальное хранилище для сохранения данных.

Когда приложение обменивается данными с сервером, ионный счетчик работает правильно, то есть он плавно рендерится, не застревая. Как только связь с сервером завершена, и загруженные данные должны быть вставлены (сохранены) в локальное хранилище, закручиватель заклинивает (не отображается должным образом).

В разных блогах я заметил, что localalstorage не отображает пользовательский интерфейс должным образом, пока данные вставляются (сохраняются).

Пожалуйста, дайте мне знать, есть ли способ обойти эту проблему или есть какой-либо другой способ реализации анимированного загрузчика (Ionic Spinner)

Ниже приведен код, который я реализовал

app.factory('LoaderService', ['$ionicLoading', '$timeout', function ($ionicLoading, $timeout) {
    return {
        show: function () {
            var templateVal = "<ion-spinner icon='android'></ion-spinner>";
            $ionicLoading.show({
                animation: 'fade-in',
                showBackdrop: true,
                minWidth: 200,
                showDelay: false,
                template: templateVal
            });
        },
        hide: function () {
            $timeout(function () {
                $ionicLoading.hide();
            }, 300);            
        }
    }
}]);

0 ответов