ionic 替代 Modal 的方案

本文最后更新于:2016年11月30日 晚上

在 $state.go 前记录下当前的 view ,然后禁止下一个 view 记录 backView ,就不会显示后退按钮( Android 硬件后退也不行 )。在需要关闭时,后来加入导航栈的任意 view 中设置 backView 为记录下来的 view ,然后 back 。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// go 的时候
var backHistoryId = $ionicHistory.currentHistoryId();
var backViewId = $ionicHistory.currentView().viewId;
$ionicHistory.nextViewOptions({
disableBack: true,
disableAnimate: true
});
$state.go('my-awesome-modal', {backViewId: backViewId});


// back 的时候
var backHistoryId = $ionicHistory.currentHistoryId();
var backView = $ionicHistory.viewHistory().histories[backHistoryId].stack.filter(function (v) {
return v.stateId === $stateParams.backViewId;
})[0];
$ionicHistory.backView(backView);
$ionicHistory.goBack();

ionic 替代 Modal 的方案
https://www.zwjay.cn/2016/11/28/2016-11-28-ionic-alternative-modal-plan/
作者
Mr.Jaxson
发布于
2016年11月28日
许可协议