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);
};
})
背景が適用されているため、次の画像では画面がどのように暗くなっているかがわかります。