Ionic nav-back-button et le bouton de menu montrant ensemble
Je cherche à rendre le bouton de menu de ne pas le montrer lorsque le bouton de retour est à l'affiche. est-il un moyen de laisser Ionique prendre soin de cela? ou c'est moi?
par exemple si j'utilise l'interface utilisateur-sref aller à partir de l'app.les utilisateurs de l'app.les utilisateurs.ajouter ou de l'application.les utilisateurs.détails, j'attends le bouton menu pour être caché et le bouton retour pour le spectacle, mais ils sont tous les deux montrant quand je vais à vues imbriquées. exemple:
<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: {
'menuContent@app' : {
controller: 'UsersCtrl',
templateUrl: 'templates/users.html'
}
}
})
.state('app.users.add', {
url: '/addUsers',
views: {
'menuContent@app' : {
controller: 'AddUserCtrl',
templateUrl: 'templates/add_user.html'
}
}
})
.state('app.users.details', {
url: '/userDetails/:id',
views: {
'menuContent@app' : {
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>
Mon point de vue de la structure est comme suit:
<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>
source d'informationauteur ohadbn
Vous devez vous connecter pour publier un commentaire.
Ceci est fait par ionique par défaut maintenant en version bêta 14. Vous pouvez également passer cela par cet attribut.
Par Rapport Codepen
Sidemenu Starter Projet
Sidemenu Docs
Est également possible de remplacer celui d'un enfant de page, juste en ajoutant les ions secondaires menus de la directive à l'intérieur de l'enfant modèle:
Cela va ajouter de la barre de navigation complète (ion-nav-bar) à l'intérieur de votre page enfant qui a été ajouté dans menu.html modèle (selon l'exemple ci-dessus)
Place la barre de navigation avec le bouton de menu sur la page html sur laquelle vous avez besoin de bouton de menu et placez barre de navigation avec le bouton de retour sur la page où vous avez besoin de bouton de retour.
Comme cela, j'ai besoin de Menu Sur la page d'accueil placez donc votre barre de navigation sur la page d'accueil avec le bouton de menu
Et j'ai besoin de bouton de retour sur la page Boîte de réception donc utiliser la barre de navigation avec le bouton retour sur la page boîte de réception