使用localstorage时，离子旋转器（Animated Loader）卡住了

Question

我在应用程序中实现了离子旋转器（动画加载器），我也使用 localstorage 来保存数据。

当应用程序与服务器通信时，离子微调器正常工作，即它可以平滑地呈现而不会卡住。完成与服务器的通信并且需要在本地存储中插入（保存）数据后，微调器会卡住（无法正确渲染）。

在不同的博客中，我观察到的是，在插入（保存）数据时，localstorage无法正确呈现UI。

请告诉我有没有解决此问题的任何方法或者是否有其他方法来实现动画加载器（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);            
        }
    }
}]);