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);
   };
})

您会注意到，由于应用了背景，下图中的屏幕变得更暗。