cacher le bouton ionique, angularjs
J'ai besoin d'afficher et de masquer le bouton de retour dans les différentes pages/vues. J'ai pris de référence de Justin Noel:
<body ng-app="starter" ng-controller="AppCtrl">
<ion-nav-bar class="bar-stable">
<ion-nav-back-button hide-back-button="{{hideBackButton}}">
</ion-nav-back-button>
</ion-nav-bar>
</body>
Contrôleur App pour basculer bouton d'affichage:
.controller('AppCtrl', function($scope, $location) {
var path = $location.path();
if (path.indexOf('submit') != -1)
$scope.hideBackButton = true;
else
$scope.hideBackButton = false;
})
Mais cela ne fonctionne pas en tant que contrôleur est appelé qu'une fois, mais pas au changement de point de vue dans les différents états. Aussi la modification de la valeur de $champ d'application.hideBackButton d'autres contrôleurs(lié à des états différents) n'a aucun effet sur l'affichage du bouton.
Quelqu'un peut me dire comment basculer en arrière-affichage d'un bouton sur chaque navigation. Ce qui me manque ici?
Vous devez vous connecter pour publier un commentaire.
J'ai eu exactement le même problème aujourd'hui.
Solution la plus simple est d'utiliser $ionicNavBarDelegate:
Vous pouvez également envelopper hideBackButton valeur dans l'objet et votre code fonctionne:
Cela fonctionne, car en JS (comme dans beaucoup d'autres langues), les booléens sont passés par valeur et l'objet sont passés par la referance et il affecte la valeur par défaut Angulaire observateurs sont créés.
L'inconvénient de cette méthode est que cachent le bouton n'est pas aussi lisse que dans d'autres ionique des solutions.
Juste au cas où, c'est la façon dont votre code devrait ressembler à:
1ère solution:
2ème solution:
La
hide-back-button
attribut sur<ion-view>
a fait le tour pour moi:<ion-view hide-back-button="true">
Voir la documentation officielle ici.
Ionique 2 & 3:
<ion-navbar [hideBackButton]="true">
Un moyen très simple d'y parvenir est d'appliquer la
menu-close
directive à votre bouton de l'ancre. Techniquement, cela signifiait pour fermer le menu, mais vous pouvez l'utiliser sur n'importe quel lien et il ignore l'animation de diapositives & ne pas afficher le bouton de retour.http://ionicframework.com/docs/api/directive/menuClose/
menu-close
effectivement efface l'histoire, c'est pourquoi vous ne voyez pas le bouton de retour (pas de retour d'état). Je pense que nfgf la réponse est mieux.Qui semble une bonne option à utiliser, fonctionne très bien pour moi.
Vous pouvez modifier les paramètres de cache de sorte que lorsque la page est rechargée, le contrôleur est appelé à nouveau:
http://ionicframework.com/docs/api/directive/ionNavView/
La
hide-back-button
attribut doit être défini surion-view
tag.J'ai eu des problèmes avec "hide-dos-bouton", car il cache le menu et la touche retour.
En quelque sorte
this.navCtrl.push
joué avec le bouton de retour, dans le cas où vous souhaitez que le menu soit affiché à l'aide dethis.nav.setRoot(yourPage)