Ionic-js-backdrop

提供:Dev Guides
移動先:案内検索

イオン-Javascriptの背景

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

背景を使用する

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

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

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

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

イオン背景