📜  离子-Javascript背景

📅  最后修改于: 2020-12-08 05:03:13             🧑  作者: Mango


应用时,“离子背景”将覆盖屏幕内容。它将显示在其他叠加层下方(弹出窗口,正在加载等)。有两种方法可用于管理后台服务。 $ ionicBackdrop.retain()将在组件上应用背景,而$ ionicBackdrop.release()会将其删除。

使用背景

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

.controller('myCtrl', function($scope, $ionicBackdrop, $timeout) {
   $scope.showBackdrop = function() {
      $ionicBackdrop.retain();
        
      $timeout(function() {
         $ionicBackdrop.release();
      }, 3000);
   };
})

由于应用了背景,因此您会注意到下图中的屏幕变暗了。

离子背景