Question

如何根据当前视图隐藏/显示此按钮？

<ion-nav-buttons side="right">
    <button id="search_button" class="button button-icon  ion-ios-search button-clear"  ng-click="search()">
    </button>
  </ion-nav-buttons>

Answer 1

如果您的父控制器包含一些视图，您可以执行以下操作：

.controller("parentController", function($scope){

   var self = this;

   $scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){    
       self.showButton = (toState.name == "yourStateName");
   });

});

HTML：

<div ng-controller="parentController as parentCtrl">
  <ui-view> </ui-view>

  <ion-nav-buttons side="right">
    <button id="search_button" class="button button-icon  ion-ios-search button-clear"  ng-click="search()" ng-if="parentCtrl.showButton">
    </button>
  </ion-nav-buttons>
</div>

Answer 2

您可以向控制器添加一个标志，该控制器负责此视图，并在按钮元素上使用ng-if或ng-show / ng-hide指令。如果没有更多的问题背景，我无法给出更详细的答案。

根据当前状态更改隐藏导航按钮

2 个答案: