耗盡$ window.history.back（）后，離子后退按鈕不會隱藏

Question

我有一個離子應用程序，該應用程序的搜索模板具有可在其中按關鍵字查詢帖子的形式。 我也有一項服務，可以將帖子作為列表返回到另一個視圖。 一切運行良好。

我的搜索控制器在提交搜索表單后使用：

$state.go('app.search.results', {'searchId': hash});

這樣我就可以為該搜索使用唯一的網址。 我需要這個唯一的url來實現“后退”功能，這樣，如果用戶單擊列表中的一個帖子，則在查看帖子后決定是否單擊“后退”后，仍然可以看到搜索結果（通過默認情況下，它們將返回搜索表單，不再顯示任何結果）。

為了允許返回搜索結果，我實現了自定義的后退按鈕功能，並將其放在離子后退按鈕元素上，如下所示：

<ion-nav-back-button ng-click="goBack()">

然后設置一個自定義函數：

$scope.goBack = function() {

    $window.history.back();

}

所有這些都很好，我可以返回搜索結果並查看它們，基本上就像正常的瀏覽器后退功能一樣。

對我來說，問題是，當我通過“后退”按鈕一路“返回”時，我的初始狀態包含“后退”按鈕，單擊它不會出現任何位置，並且仍然顯示“后退”按鈕。 Ionic在不應該隱藏后退按鈕的情況下做得很好，但是在這種情況下不是這樣。 任何有關如何檢查歷史記錄何時耗盡以及有條件地隱藏“后退”按鈕的想法都將受到贊賞。

編輯：

這是一個jsFiddle ; 注意：在新的單獨標簽中打開小提琴以查看后退按鈕問題。 FYI搜索在菜單中。

Answer 1

我對Ionic擁有的一些疑慮之一是其“智能”導航。 我自己遇到了很多問題。 我的解決方案是創建自己的后退按鈕，此后退按鈕存儲以前的狀態及其參數，因此您可以返回而不會丟失搜索結果，例如您的方案。

此組件為您提供了后退按鈕和面包屑（或您可以只使用后退按鈕）

它是開源的，隨時使用！

jscBreadcrumbs

奇怪的牛奶-面包屑崗位

這是您的jsFiddle，已實現並正在運行jscBreadcrumbs：

的jsfiddle

jscbreadcrumbs

Answer 2

您使用$window.history.back() ，我認為您應該使用$ionicHistory.goBack(); 代替。 它可以以離子方式控制歷史，視圖和狀態。