2017-01-13 105 views
0

我的默認離子返回按鈕沒有顯示在嵌套視圖中,所以我決定爲這些頁面創建自定義後退按鈕。在離子中創建自定義後退按鈕?

<ion-nav-buttons side="left"> 
<button class="button button-clear" ng-click="goBack()"><i class="ion-android-arrow-back" style="font-size:30px;" ></i></button> 
</ion-nav-buttons> 

我的控制器功能:

$scope.goBack = function() { 
     $state.go('app.home'); 
    }; 

然而,這種邏輯是工作的問題是,我的自定義後退按鈕沒有顯示其離子型後退按鈕動畫顯示了回去。所以我如何使用我的自定義後退按鈕來實現該動畫。

此外,如果有人可以告訴我一些這種情況的其他解決方法。

回答

0

如果按鈕沒有出現,應該有一些與歷史有關的東西。但是,如果你必須採取替代路徑,首先嚐試使用$ionicHistory

$scope.goBack = function() { 
    $ionicHistory.goBack(); 
}; 

如果doen't工作了,請嘗試使用

$scope.goBack = function() { 
    $ionicViewSwitcher.nextDirection("backward"); 
    $state.go('app.home'); 
};