gpt4 book ai didi

javascript - 防止在 Ionic App 中导航

转载 作者:行者123 更新时间:2023-11-29 21:33:21 25 4
gpt4 key购买 nike

我试图阻止导航并在 Controller 中显示弹出窗口。

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
if(someConditionMet) {
event.preventDefault();
showPopup();
}
}

除了选项卡导航之外,这就像一个魅力。它无法正确阻止导航并导航到选项卡然后显示弹出窗口。另一个问题在这里出现,因为范围更改弹出窗口无法正确加载并引发异常。我只看到一个空白的弹出窗口,之后无法退出。

编辑 - Plunker 演示 http://plnkr.co/edit/r8MxO6tDZfTlHPXrVJlM?p=preview

从侧面菜单按关于它通常会阻止。然后按设置选项卡。它试图导航到设置选项卡,然后显示弹出窗口。也无法成功加载设置选项卡。

最佳答案

我编辑了“设置”状态(名称“tabs.about”,嵌套到“tabs”):

.state('tabs.about', {
url: '/about',
controller: 'AboutCtrl',
templateUrl: 'about.html'
});

然后我创建了一个附加到 <body> 的新 Controller (“mainCtrl”)并将 $stateChangeStart 移至此处事件处理程序,因此它可以在不考虑当前状态的情况下监听事件(以前它在 Home Controller 中):

  $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
var txt = '$stateChangeStart from: '+fromState.name+" to "+toState.name;
console.log(txt);
$rootScope.log = txt;
})

这是一个 plunker 更新:

http://plnkr.co/edit/xcTMzPJdTVgVxV5jgpho

关于javascript - 防止在 Ionic App 中导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35457312/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com