Ionic-자바 스크립트 배경

그만큼 Ionic Backdrop적용될 때 화면의 내용을 오버레이합니다. 다른 오버레이 (팝업, 로딩 등) 아래에 나타납니다. 배경 서비스를 관리하는 데 사용할 수있는 방법은 두 가지가 있습니다. 그만큼$ionicBackdrop.retain() 구성 요소 위에 배경을 적용하고 $ionicBackdrop.release() 제거합니다.

배경막 사용

다음 예는 배경을 사용하는 방법을 보여줍니다. 우리는 추가하고 있습니다$ionicBackdrop 컨트롤러에 대한 종속성으로 $scope.showBackdrop() 호출 할 함수 retain method바로. 그런 다음 3 초 후release method. 우리는 사용하고 있습니다$timeout 릴리스 메서드의 경우 컨트롤러 종속성으로도 추가해야합니다.

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

배경이 적용되었으므로 다음 이미지에서 화면이 어두워지는 것을 알 수 있습니다.