Jonowy przycisk Wstecz nieprawidłowo wyświetlany podczas przełączania kart

Question

Mam główną kartę, która po prostu pokazuje listę pozycji. i zakładka ustawień, która ma widok zagnieżdżony do ustawiania różnych konfiguracji.

Gdybym poruszać w tym konkretnym celu, przycisk wstecz pokazano nieprawidłowo, lub jeśli ma być pokazane, tytuł nie dostać left: 37px

ten sposób tworzę na pasku nawigacyjnym.

<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> 

Czy istnieje rozwiązanie, albo wyczyścić historię tej karcie, więc podczas klikania na niego z powrotem otwiera zakładkę ustawienia główne zamiast poprzednio otwartego zagnieżdżonego widzenia? Lub, jeśli trzeba to pokazać, należy poprawnie obliczyć lewą część tytułu.

Oto codepen demo. Kliknij karty w tej kolejności.

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. 

Aktualizacja:

tej pory co znalazłem jest to, że istnieje $scope.$watch który decyduje, czy pokazać lub ukryć przycisk wstecz. a to zostanie uruchomione późno (po obliczeniu i wyrównaniu tytułu). Dlatego podczas obliczania, leftWidth nie otrzymuje ponownie szerokości przycisku.

Answer 1

Gdy zakładki są używane w ten sposób, każda zakładka zawiera własną historię. Właściwie pokazuje przycisk Wstecz, ponieważ stan karty głównej zmienił się na podstronę. Przycisk "Wstecz" spowoduje powrót do strony głównej tej zakładki (przycisk Wstecz dotyczy każdej karty!). Pierwsze kliknięcie/dotknięcie przycisku karty powoduje przełączanie kart, drugie kliknięcie/dotknięcie spowoduje przejście użytkownika do domyślnej strony dla tej karty. Błąd jest czasami nadal stosowany przycisk wstecz.

Wierzę, że zespół joński pracuje nad pewnymi ulepszeniami i poprawkami.

Można użyć $ionicNavBarDelegate.showBackButton(false); w kontrolerze do strony głównej, aby wyłączyć przycisk wstecz w tym widoku. Istnieje również dyrektywa nav-clear, którą można umieścić na znaczniku zakotwiczenia, aby wyraźnie ukryć przycisk Wstecz w połączonym widoku.

Controller Przykład

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

Answer 2

Jeśli używasz tylko kątowa trasach Korzystając follwoing

$ route.reload()

Można również użyć następujących jeśli używasz interfejsu -Router na jońskich

$ state.go ($ state.current, {}, {przeładowania: true});