Ionic - Javascript 背景


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

使用背景

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

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

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

离子背景