離子NAV-後退按鈕和state.go - 回行動工作ambigously

Question

我與AngularJS一起使用離子（stateProvider）

我在默認模板中添加以下代碼爲抽象狀態

<ion-nav-bar class="bar-stable"> 
<ion-nav-back-button> 
</ion-nav-back-button> 
</ion-nav-bar> 

當默認的控制器被加載（顯示狀態σ），它通過調用

$state.go(...); 

這導致加載另一個模板轉換到另一種狀態（StateB），它被顯示在子視圖。此外，它還激活後退按鈕。

1. 點擊導航欄中的後退按鈕後，它將回到默認頁面（StateA）。
2. 導航欄中的後退按鈕變得不可見，但是如果我在移動設備上按回按鈕，它會將我帶回轉換狀態（StateB）。

這有點奇怪，爲什麼StateB再次顯示而不是應用程序關閉。

Answer 1

當用戶在整個應用中導航時，Ionic能夠跟蹤他們的導航歷史記錄。通過了解他們的歷史，視圖之間的轉換可以使用平臺的轉換風格正確地進入和退出。

從Ionic Doc

離子會自動追蹤您的狀態歷史的你使用stateProvider的，所以它就像歷史的堆棧。

你從狀態A開始，堆棧只有一個頁面：A.

| A | 

之後，你去到狀態B，這將是推入歷史堆棧：

| B | 
| A | 

Ionic提供的導航視圖會在導航欄中顯示一個後退按鈕，因爲它認爲您正在進行狀態轉換並幫助您保留歷史記錄（如iOS中的導航控制器）。

然後，如果您單擊導航欄中的後退按鈕，歷史堆棧會彈出B，然後再次顯示A.

| A | 

因爲您回到初始狀態（如根頁面），後退按鈕將被刪除。

爲什麼在手機上點擊返回按鈕，它將我帶回 轉換狀態？

您正在操縱全局窗口對象的窗口歷史（Compiled Ionic App仍然考慮一個Web應用程序，即使在我認爲的移動平臺中）。這與您在瀏覽器中點擊後退按鈕時的操作非常相似。

/A <- /B(window history) <- /A (current page) 

1. 如果你想要做ionicHistory東西，檢查this discussion

2. 如果你想與你的設備按鈕的行爲的東西，檢查this related topics

我也是在這裏學習離子，所以我不確定我是否正確地理解了所有的概念。希望這可以幫助！