Ionic Javascript背景


应用时, Ionic背景 将覆盖屏幕内容。它将出现在其他叠加层下方(弹出窗口,加载等)。有两种方法可用于管理后台服务。在 $ionicBackdrop.retain() 将适用于背景在组件和 $ ionicBackdrop.release() 将其删除。

使用背景

以下示例显示如何使用背景。我们将 $ ionicBackdrop 作为依赖项添加到控制器,然后创建 $scope.showBackdrop() 函数,该函数将立即调用 retain方法 。然后,三秒后,它将调用 释放方法 。我们对release方法使用 $ timeout ,所以我们也需要将它添加为控制器依赖。

.controller('myCtrl', function($scope, $ionicBackdrop, $timeout) {

   $scope.showBackdrop = function() {
      $ionicBackdrop.retain();

      $timeout(function() {
         $ionicBackdrop.release();
      }, 3000);
   };
})

由于应用了背景,您将注意到下图中屏幕的颜色较深。

Ionic背景