Ионные счетчики (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);
}
}
}]);