ионные скрыть кнопку меню, но удерживать кнопку возврата

0

Я работаю над приложениями с ионной картой, где мне нужно скрыть только кнопку меню на определенном шаблоне, но нужно сохранить кнопку "Назад".

он выглядит как Изображение 174551

Мой app.js

// setup an abstract state for the tabs directive
  .state('app', {
    url: '/app',
    cache: false,
    abstract: true,
    templateUrl: 'templates/menu.html',
  })


  .state('app.home', {
    url: '/home',
    cache: false,
    views: {
      'menuContent': {
        templateUrl: 'templates/home.html',
        controller: 'DashCtrl'
      }
    }
  })

  .state('app.models', {
      url: '/models',
      cache: false,
      views: {
        'menuContent': {
          templateUrl: 'templates/models.html',
          controller: 'ModelCtrl'
        }
      }
    })

    .state('app.model', {
      url: '/model/:Id',
      cache: false,
      views: {
        'menuContent': {
          templateUrl: 'templates/models-data.html',
          controller: 'ModeldataCtrl'
        }
      }
    })

    .state('app.models-detail', {
      url: '/models/:Id',
      cache: false,
      views: {
        'menuContent': {
          templateUrl: 'templates/single-model.html',
          controller: 'ModelDetailCtrl'
        }
      }
    })

  .state('app.about', {
    url: '/about',
    cache: false,
    views: {
        'menuContent': {
          templateUrl: 'templates/about.html',
          controller: 'AboutCtrl'
        }
      }
  });

  // if none of the above states are matched, use this as the fallback
  $urlRouterProvider.otherwise('/app/home');

});

Menu html:

<ion-side-menus enable-menu-with-back-views="true">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
      <h1 class="title">Rolls</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item menu-close href="#/app/home">
          Home
        </ion-item>
        <ion-item menu-close href="#/app/models">
          Models
        </ion-item>
        <ion-item menu-close href="#/app/about">
          About
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

одна модель html-страницы, где я получаю код меню и обратно: single-model.html

<ion-view view-title="{{models.title}}">
  <ion-content class="padding" overflow-scroll="true">
    <img ng-src="{{models.image}}" style="width: 64px; height: 64px">
    <p>
      {{models.subtitle}}
    </p>
  </ion-content>
</ion-view>

Модель и код модели одной модели:

.controller('ModeldataCtrl', function($rootScope,$scope,$ionicLoading,$timeout, $stateParams, Models) {     
      $rootScope.dataloarding();
      Models.modeldata($stateParams.Id).success(function(result){
        if(result.success =='1'){
                  $scope.modeldata = result.data;
                  $rootScope.hideloading();
                }

              })
              .error(function(result)
                     {
                      $rootScope.hideloading();
                      $rootScope.showAlert("Internet Connection Error");
              });
})

.controller('ModelDetailCtrl', function($rootScope,$scope,$ionicLoading,$timeout, $stateParams,$ionicSideMenuDelegate, Models) {
      $ionicSideMenuDelegate.canDragContent(false);
      $rootScope.dataloarding();
      Models.singlemodel($stateParams.Id).success(function(result){
        if(result.success =='1'){
                  $scope.models = result.data;
                  $rootScope.hideloading();
                }

              })
              .error(function(result)
                     {
                      $rootScope.hideloading();
                      $rootScope.showAlert("Internet Connection Error");
              });
})

Я следую за этим и этим, но он удаляет обе кнопки возврата и меню только или кнопку "Назад".

Есть ли решение удалить только меню только с одной модели html-страницы?

Теги:
ionic-framework

2 ответа

0

Вы можете попробовать это, это работает для меня. Замените содержимое вашего бокового меню ниже кода

<ion-pane ion-side-menu-content>
<ion-nav-bar class="bar-stable">
  <ion-nav-back-button class="button-clear"><i class="icon ion-chevron-left"></i> Back</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>

0

Это сработало для меня:

<ion-view view-title="Register">

  <!-- to remove sidemenu button -->
  <ion-nav-bar>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>
...

Я просто добавил простой навигатор. Кнопка sidemenu исчезла, и я сохранил кнопку "Назад".

Ещё вопросы

Сообщество Overcoder
Наверх
Меню