Скрыть кнопку на Ionic

Question

Я создаю приложение с использованием ионного.

У меня есть несколько кнопок в меню: сообщения, настройки, справка и обратно.

Я хочу, чтобы кнопка «Назад» не появилась на странице панели. Кто-нибудь знает, как я это делаю? Спасибо,

Пс.: Я попытался использовать ion-nav-back-button, но возникли некоторые проблемы.

top menu

Это является menu.html

<ion-side-menus enable-menu-with-back-views="false" > 
    <ion-side-menu-content> 

    <ion-nav-bar class="bar-stable bar-balanced"> 

     <ion-nav-buttons side="left"> 
     <a href="#/app/dashboard" style="color: white;" class="button button-icon icon ion-android-arrow-back"></a> 
     </ion-nav-buttons> 

     <ion-nav-buttons side="right"> 
     <a href="#/app/profiles" style="color: white;" class="button button-icon icon ion-ios-people"></a> 
     <a href="#/app/config" style="color: white;" class="button button-icon icon ion-android-settings"></a> 
     <a href="#/app/help" style="color: white;" class="button button-icon icon ion-help-buoy"></a> 
     </ion-nav-buttons> 

    </ion-nav-bar> 

    <ion-nav-view name="menuContent"></ion-nav-view> 

    </ion-side-menu-content> 
</ion-side-menus> 

и это dashboard.html

<ion-view view-title=""> 
    <ion-content class="padding"> 
    <div class="list"> 

    <div class="row"> 
     <div class="col"> 
       <span>Type your message:</span> 
       <div class="item-input item-stacked-label"> 
       <textarea type="text"></textarea> 
       </div> 
      </div> 
     </div> 

     <div class="row"> 
     <div class="col"> 
       <span>Choose the distance:</span> 
      <div class="range range-balanced"> 
       <input type="range" name="distance" min="1" max="10000" value="1000"> 
       </div> 
      </div> 
     </div> 

     <div class="row"> 
     <div class="col"> 
       <span>Anexar imagem:</span> 
        <button class="button button-balanced button-full">Selecionar</button> 
      </div> 
     </div> 

     <div class="row"> 
     <div class="col"> 
       <a class="button button-icon icon ion-chevron-right float-right"></a> 
      </div> 
     </div> 

     </div> 
    </ion-content> 
</ion-view> 

Спасибо!

Answer 1

Что делать, если вы просто используете ng-hide = "homepage". Задайте $ scope.homepage = true в главном контроллере. Для других страниц он будет неопределенным и, следовательно, ложным, поэтому он не будет скрыт.

Answer 2

Не знаете, что это лучший способ или нет, но его работа для меня ..! Попробуйте это!

добавить этот контроллер, связанные с sidemenu:

$scope.$watch(function() { 
     return $ionicSideMenuDelegate.getOpenRatio(); 
    }, function (value) { 
     if (($state.$current.name == "app.dashboard")) { 
      $scope.hideButton = true; 
     }else{ 
      $scope.hideButton = false; 
     } 
    }); 

HTML:

<a href="#/app/dashboard" ng-if="hideButton" style="color: white;" class="button button-icon icon ion-android-arrow-back"></a> 

другой способ сделать это ..: добавить кнопку в зависимости от того и хотят, в частности, просматривать и удалять из sidemenu HTML ,

<ion-view view-title=""> 
    <ion-nav-buttons side="right"> 
    <a href="#/app/profiles" style="color: white;" class="button button-icon icon ion-ios-people"></a> 
    <a href="#/app/config" style="color: white;" class="button button-icon icon ion-android-settings"></a> 
    <a href="#/app/help" style="color: white;" class="button button-icon icon ion-help-buoy"></a> 
    </ion-nav-buttons> 
    <ion-content class="padding"> 
    </ion-content> 
</ion-view> 

надеюсь, это поможет кому-то!