Ionic-Javascriptの背景

ザ・ Ionic Backdrop適用すると、画面のコンテンツがオーバーレイされます。他のオーバーレイ(ポップアップ、読み込みなど)の下に表示されます。背景サービスの管理に使用できる方法は2つあります。ザ・$ionicBackdrop.retain() コンポーネントに背景を適用し、 $ionicBackdrop.release() それを削除します。

背景の使用

次の例は、背景の使用方法を示しています。追加します$ionicBackdrop コントローラへの依存関係として、次に作成します $scope.showBackdrop() を呼び出す関数 retain methodすぐに。次に、3秒後、release method。使用しています$timeout releaseメソッドの場合は、コントローラーの依存関係としても追加する必要があります。

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

次の画像では、背景が適用されているため、画面がどのように暗くなっているかがわかります。