Ionic - Phông nền Javascript

Các Ionic Backdropsẽ phủ lên nội dung của màn hình khi được áp dụng. Nó sẽ xuất hiện bên dưới các lớp phủ khác (cửa sổ bật lên, đang tải, v.v.). Có hai phương pháp có thể được sử dụng để quản lý dịch vụ phông nền. Các$ionicBackdrop.retain() sẽ áp dụng phông nền trên các thành phần và $ionicBackdrop.release() sẽ loại bỏ nó.

Sử dụng Phông nền

Ví dụ sau đây cho thấy cách sử dụng phông nền. Chúng tôi đang thêm$ionicBackdrop như một sự phụ thuộc vào bộ điều khiển, sau đó tạo $scope.showBackdrop() hàm sẽ gọi retain methodngay. Sau đó, sau ba giây, nó sẽ gọirelease method. Chúng tôi đang sử dụng$timeout đối với phương thức phát hành, vì vậy chúng ta cũng cần thêm nó làm phụ thuộc bộ điều khiển.

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

Bạn sẽ nhận thấy màn hình tối hơn như thế nào trong hình ảnh sau đây, vì phông nền được áp dụng.