ng鍵點擊離子隱藏導航欄

Question

我想隱藏我的導航欄點擊ng鍵點，但不知何故轉換不起作用。

你能幫我理解這個問題嗎？

.nav-bar{ 
    opacity: 1; 
    -webkit-transition: 0.25s; 
    transition: 0.25s; 
    -webkit-transition-property: all !important; 
    transition-property: all !important; 
} 
.bar-header-fade-away{ 
    opacity: 0; 
    -webkit-transition: all linear 0.25s; 
    transition: all linear 0.25s; 
    transition-property: all !important; 
    -webkit-transition-property: all !important; 
} 

我控制器

$scope.toggleUI = function(){ 
    $scope.showui = !$scope.showui; 
    $rootScope.fadeHeader = !$rootScope.fadeHeader; 
} 

我查看

<ion-nav-bar align-title="center" class="nav-bar bar-purple" ng-show="fadeHeader"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 

Answer 1

你過於複雜的事情。要隱藏點擊導航欄，您認爲應該是這樣的：

<ion-nav-bar align-title="center" class="nav-bar bar-purple" ng-show="fadeHeader" ng-click="showHideHeader()"> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
</ion-nav-bar> 

然後在控制器：

$scope.fadeHeader = false; 

$scope.showHideHeader = function() { 
    $scope.fadeHeader = !$scope.fadeHeader; 
}; 

請記住，當你點擊它比它隱藏，也沒有得到它返回而無需重新加載頁面。