ionic Zurück-Taste falsch beim Umschalten der Tabs

Question

Ich habe eine Registerkarte, die nur die Liste der Elemente zeigt. und Registerkarte "Einstellungen", die eine verschachtelte Ansicht zum Einstellen verschiedener Konfigurationen enthält.

Wenn ich in dieser bestimmten Reihenfolge navigieren, wird die Zurück-Taste falsch dargestellt, oder wenn es angezeigt ist, wird der Titel nicht links erhalten: 37px

Dies ist, wie ich die Navigationsleiste erschaffe. die Haupt-Einstellungen öffnet Tab anstelle der zuvor geöffneten verschachtelte Ansicht

<ion-nav-bar class="bar-stable no-animation" align-title="left"> 
    <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back"></ion-nav-back-button> 
</ion-nav-bar> 

Gibt es eine Lösung, entweder auf die Geschichte dieses Register zu löschen, so beim Klicken auf sie zurück? Oder wenn es angezeigt werden soll, sollte es die Linke des Titels richtig berechnen.

Hier ist eine codepen Demo. Klicken Sie auf die Tabs in dieser Reihenfolge.

1. On main page, click on Scientific Facts 
2. After view changes, click on Contacts tab 
3. Then click on Home tab again. It reproduces the behavior. 

Update:

Bisher was ich gefunden habe ist, dass es eine $scope.$watch ist die, ob entscheidet Taste ein- bzw. ausblenden zurück. und dies wird spät ausgelöst (nach Berechnung und Ausrichtung des Titels). Daher erhält die Berechnung leftWidth die Breite der Schaltfläche nicht zurück.

Answer 1

Wenn Tabs wie diese verwendet werden, enthält jedes Tab seinen eigenen Verlauf. Es zeigt tatsächlich die Zurück-Schaltfläche korrekt an, da der Status der Registerkarte "Home" in eine Unterseite geändert wurde. Der Zurück-Button bringt Sie dann zurück zur Startseite dieses Tabs (die Back-Taste ist für jeden Tab spezifisch!). Der erste Klick/Antippen auf eine Tab-Schaltfläche führt zum Wechseln der Tabs, ein zweiter Klick/Antippen führt den Benutzer zur Standardseite für diese Registerkarte. Der Fehler besteht manchmal darin, dass die Breite der Rücktaste immer noch angewendet wird.

Ich glaube, das Ionic-Team arbeitet auch an einigen Verbesserungen und Korrekturen.

Sie können $ionicNavBarDelegate.showBackButton(false); im Controller für die Hauptseite verwenden, um die Zurück-Schaltfläche während dieser Ansicht zu deaktivieren. Es gibt auch die nav-clear Direktive, die Sie auf ein Anker-Tag setzen können, um die Zurück-Schaltfläche in der verknüpften Ansicht explizit auszublenden.

-Controller Beispiel

angular.module('App').controller('HomeCtrl', function ($scope, $ionicNavBarDelegate) { 
    // Disable back button on this controller 
    $ionicNavBarDelegate.showBackButton(false); 
}); 

Answer 2

Wenn Sie nur Angular Routen Verwenden follwoing

$ route.reload()

Sie auch folgende Verwendung verwenden können, wenn Sie UI verwenden -Router on Ionic

$ state.go ($ state.current, {}, {reload: true});