1. Casa
  2. livello di sfondo ionico

Il miglior tutorial livello di sfondo ionico Nel 2024, in questo tutorial puoi imparare Esempi,

livello di sfondo ionico

Abbiamo spesso bisogno l'interfaccia utente, per esempio, nella finestra pop-up, vano di carico, si apre altri strati per mostrare o nascondere il livello di sfondo.

Nel componente può essere utilizzato in $ ionicBackdrop.retain () per visualizzare un livello di sfondo, un $ ionicBackdrop.release () Nascondi il livello di sfondo.

Dopo ogni chiamata a mantenere, lo sfondo verrà visualizzata fino al rilascio chiamata per eliminare livello di sfondo.

Esempi

Il codice HTML 

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

codice JavaScript 

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);
    }; 
}])

Visualizza come illustrato di seguito:

Tutorial caldi

Contattaci

livello di sfondo ionico
10/30