如何獲取$ ionicBackdrop之上的元素？

這似乎是一個非常z-索引的問題，但我無法獲得解決方案。我想在離子視圖中得到一個元素來達到$ionicBackdrop以上。

實例筆：http://codepen.io/ankitjain11/pen/grwZav

JS：

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

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

    $scope.show = function() { 
    $scope.back = true; 
    $ionicBackdrop.retain(); 
    }; 
    $scope.hide = function() { 
     $scope.back = false; 
    $ionicBackdrop.release(); 
    } 

});

HTML：

<body ng-controller="IonicBackdropCtrl"> 
    <ion-view> 
     <ion-content> 
     <button class="button" ng-click="show()"> 
      Show Backdrop 
     </button> 
     <button class="button" ng-click="hide()" ng-show="back"> 
      Hide Backdrop 
     </button> 
     </ion-content> 
    </ion-view> 
    </body>

這裏，Hide Backdrop按鈕，將背景過來。有一次，背景可見。

雖然，我的實施並不像筆那樣直截了當，但仍然能達到我的目的。

來源

2016-03-14 ankitjain11

Here is關於同一問題的討論。並且在本討論中描述的方法可以解決您的問題。使按鈕直接子body，然後z-index更改將工作。看這裏http://codepen.io/anon/pen/EKNvrZ

來源

2016-03-15 11:51:04

任何其他的解決方案，當做按鈕直接孩子的身體不是一個選項？）： –

對不起，我不知道其他解決方案。 –

如何獲取$ ionicBackdrop之上的元素？

回答

相關問題