Latest web development tutorials

طبقة الخلفية الأيونية

نحن نسعى دائما إلى واجهة المستخدم، على سبيل المثال، في مربع منبثق، مربع الحمل، ودفعها طبقات أخرى لإظهار أو إخفاء طبقة الخلفية.

في مكون يمكن استخدامها في $ ionicBackdrop.retain () لعرض طبقة الخلفية، $ ionicBackdrop.release () إخفاء طبقة الخلفية.

بعد كل مكالمة للاحتفاظ، سيتم عرض الخلفية حتى الإفراج دعوة للقضاء على طبقة الخلفية.

أمثلة

كود HTML 

<body ng-app="starter" ng-controller="actionsheetCtl" >
	<ion-pane>
	    <ion-content >
	        <h2 ng-click="action()">$ionicBackdrop</h2>
	    </ion-content>
	</ion-pane>
</body>

شفرة جافا سكريبت 

angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

.controller( 'actionsheetCtl',['$scope','$timeout' ,'$ionicBackdrop',function($scope,$timeout,$ionicBackdrop){

    $scope.action = function() {
       $ionicBackdrop.retain();
       $timeout(function() {    //默认让它1秒后消失
         $ionicBackdrop.release();
       }, 1000);
    }; 
}])

عرض كما هو مبين أدناه: