Trato de hacer que el botón de menú no se muestran cuando el botón de atrás está mostrando. es allí una manera de dejar a Iónica tener cuidado de que? o es a mí?

por ejemplo, si yo uso la interfaz de usuario de la sref para ir de aplicación.los usuarios de la aplicación.los usuarios.agregar o aplicación.los usuarios.detalles espero que el botón de menú oculto y el botón atrás para mostrar, pero ambos están mostrando cuando voy a las vistas anidadas. ejemplo:

<button class="button button-positive" ui-sref="app.users.details({id:user.id})"> User details </button>

app.js

.config(function($stateProvider, $urlRouterProvider) {
$stateProvider

  .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html'
    //controller: 'AppCtrl'
  })

  .state('app.users', {
    url: '/users',

    views: {
      '[email protected]' : {
        controller: 'UsersCtrl',
        templateUrl: 'templates/users.html'
      }
    }
  })

  .state('app.users.add', {
    url: '/addUsers',

    views: {
      '[email protected]' : {
        controller: 'AddUserCtrl',
        templateUrl: 'templates/add_user.html'
      }
    }
  })

  .state('app.users.details', {
    url: '/userDetails/:id',

    views: {
      '[email protected]' : {
        controller: 'UserDetailsCtrl',
        templateUrl: 'templates/details_user.html'
      }
    }
  })
}

menu.html

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

  <ion-side-menu side="right">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Title</h1>
    </header>
    <ion-content class="has-header">
      <ion-list>

        <ion-item nav-clear menu-close ui-sref="app.users">
          Users
        </ion-item>

        <ion-item nav-clear menu-close ui-sref="app.users.add">
          New user
        </ion-item>

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

Mi punto de vista de la estructura como tal:

<ion-view title="Title">

  <ion-nav-buttons side="right">
    <button menu-toggle="right"class="button button-icon icon ion-navicon"></button>
  </ion-nav-buttons>

  <ion-content class="has-header">
    ...
      View Content
    ...
  </ion-content>
</ion-view>

OriginalEl autor ohadbn | 2015-01-12

3 Comentarios

  1. 4

    También es posible ignorar que la de un niño de página sólo la adición de iones secundarios de los menús de la directiva dentro de la plantilla:

    <ion-side-menus enable-menu-with-back-views="true"></ion-side-menus>
    <ion-view view-title="My Child page">
        <ion-content>
            <h1>HEY</h1>
        </ion-content>
    </ion-view>
    

    Esto agregar la barra de navegación completa (ion-nav-bar) en el interior de su hijo que fue agregado en menu.html plantilla (de acuerdo con el ejemplo anterior)

    OriginalEl autor allucardster

  2. 1

    Lugar de la barra de exploración con el botón de menú en la página html en la que usted necesita botón de menú y el lugar navbar con el botón «atrás» en la página donde lo necesite botón atrás.

    Como esta necesito Menú En la página de inicio para que coloque su barra de navegación en la página principal con el botón de menú de

    <ion-view title="home">
      <ion-nav-bar class="bar-stable main-header-nav home-page">
        <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-content></ion-content>
    </ion-view>
    

    Y necesito botón atrás en la Bandeja de entrada de la página para uso de la barra de navegación, con backbutton en la bandeja de entrada de la página

     <ion-view title="">
      <ion-nav-bar class="bar-stable main-header-nav home-page">
        <ion-nav-back-button class="button-clear go-back">
          </ion-nav-back-button>
      </ion-nav-bar>
      <ion-content></ion-content>
    </ion-view>
    
    trabajó para mí. gracias

    OriginalEl autor Tek Raj Pant

Dejar respuesta

Please enter your comment!
Please enter your name here