Ionische Rahmenbedingungen $ state.go ('app.home'); gibt Zurück-Knopf auf der Seite an, wohin ich gehen möchte (wie man es entfernt)?
Habe ich app mit sidebar-Menü. Ich bin auf der zweiten Seite, und ich nenne-controller-Funktion, die das umleiten von mir auf der ersten Seite mit:
$state.go('app.home');
Problem ist, dass auf dieser Seite wird nun angezeigt, die zurück-Taste weiter-sidebar-Menü-Symbol, siehe Bild unten:
Könnte jemand mir sagen, wie zu leugnen, um wieder hinzufügen-button in die Seiten zugewiesen hat, sidebar-Menü?
Vielen Dank für jede Hilfe.
app.js ist mit router config ist folgende:
angular.module('Test', ['ionic', 'config', 'Test', 'LocalStorageModule'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
//Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
//for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
//org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
});
})
.config(function($stateProvider, $urlRouterProvider, localStorageServiceProvider) {
localStorageServiceProvider
.setPrefix('max_relax');
$stateProvider
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.home', {
url: '/home',
views: {
'menuContent' :{
templateUrl: 'templates/home.html',
controller: 'HomeCtrl'
}
}
})
.state('app.saved', {
url: '/saved',
views: {
'menuContent' :{
templateUrl: 'templates/saved.html',
controller: 'SavedCtrl'
}
}
})
.state('app.settings', {
url: '/settings',
views: {
'menuContent' :{
templateUrl: 'templates/settings.html',
controller: 'SettingsCtrl'
}
}
});
//if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/home');
});
Edit:
Hinzugefügt-Menü-Vorlage:
<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-back"></i> Back</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
</ion-pane>
<ion-side-menu side="left">
<header class="bar bar-header bar-stable">
<h1 class="title">Menu</h1>
</header>
<ion-content class="has-header">
<ion-list>
<ion-item nav-clear menu-close href="#/app/home">
Home
</ion-item>
<ion-item nav-clear menu-close href="#/app/saved">
Saved
</ion-item>
<ion-item nav-clear menu-close href="#/app/settings">
Settings
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
InformationsquelleAutor der Frage redrom | 2015-01-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
$ionicHistory
in Ihre controller vor dem Aufruf$state.go('app.home')
.InformationsquelleAutor der Antwort Bellu
Können Sie festlegen, nextViewOptions vor dem $Staat.go('Yourstate'). Wie
In Ihrem controller, können Sie schreiben,
Also für diesen übergang, es wird klar, dass die Geschichte stack und setzt die nächste Ansicht als Wurzel der Geschichte stack.
InformationsquelleAutor der Antwort Shripal Soni
Am controller, die Sie zurückgeben möchten
HomeCtrl
:InformationsquelleAutor der Antwort HuyLe
InformationsquelleAutor der Antwort Pavel Kushnirskiy
Solange Sie
<ion-nav-back-button></ion-nav-back-button>
enthalten in<ion-nav-bar>
Sie werden sehen, eine Schaltfläche "zurück" standardmäßig auf jeder Ansicht mitapp
.Entfernen
<ion-nav-back-button>
entfernen der zurück-Taste die Ansichten überapp
. Sie können selektiv deaktivieren Sie basiert auf dem, was die Vorlage Ihrer Anzeige durch Einstellunghide-back-button="true"
auf die<ion-view>
der Vorlage.So, in Ihrem Fall, entfernen
<ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
ausmenu.html
verstecken Sie die zurück-Taste auf alle Ansichten mitapp
.InformationsquelleAutor der Antwort Josh Durham
Hatte ich dieses problem auch bei der Verwendung von Ionischen Seite im Menü.
In einigen Fällen bei der Auswahl einer option aus dem seitlichen Menü die daraus resultierende Seite/Ansicht zeigt eine Schaltfläche "zurück" in der Navigationsleiste, die es nicht (da die Auswahl einer Menü-option zurücksetzen, sollten Sie die Geschichte).
War das problem im Zusammenhang mit Verwendung von "ng-click" Menü-option, e.g:
<ion-item menu-close ng-click="showStartPage()" ...>
mit 'showStartPage" eine Controller-Methode die fordert, $Status.gehen(...).
Lösung war es code wie das:
<ion-item menu-close href="#/startPage" ...>
Wenn Sie fertig sind wie diese, Ionisch ist (scheinbar) in der Lage, richtig zu verfolgen die Navigations-Historie.
(Ich habe nicht es auszuprobieren, aber wahrscheinlich "ui-sref" statt "href" würde auch funktionieren)
InformationsquelleAutor der Antwort leo