ionic之$ionicLoading实现加载动画

最新推荐文章于 2024-02-19 19:30:00 发布

小魏的马仔

最新推荐文章于 2024-02-19 19:30:00 发布

阅读量4.9k

点赞数 1

分类专栏： ionic 文章标签： ionic loading

本文链接：https://blog.csdn.net/xuexiiphone/article/details/52168679

版权

ionic 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

我是代码

      //触发函数
      $scope.test= function () {
        //弹出缓冲提示
        $scope.showLoadingToast();
        //这里使用定时器是为了缓存一下加载过程，防止加载过快
        $timeout(function () {
          //停止缓冲提示
          $scope.hideLoadingToast();
        }, 1500);
      };

      $scope.showLoadingToast = function () {
        // Setup the loader
        $ionicLoading.show({
          template: 'Loading Contents...',
          content: 'Loading',
          animation: 'fade-in',
          showBackdrop: true,
          maxWidth: 200,
          showDelay: 0
        });
      }
      $scope.hideLoadingToast = function () {
        $ionicLoading.hide();
      }