Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 切换选项卡时,返回按钮显示不正确_Javascript_Angularjs_Cordova 3_Ionic Framework - Fatal编程技术网

Javascript 切换选项卡时,返回按钮显示不正确

Javascript 切换选项卡时,返回按钮显示不正确,javascript,angularjs,cordova-3,ionic-framework,Javascript,Angularjs,Cordova 3,Ionic Framework,我有一个主选项卡,它只显示项目列表。和设置选项卡,该选项卡具有用于设置不同配置的嵌套视图 如果我按照这个特定的顺序导航,后退按钮显示不正确,或者如果要显示,标题就不会左移:37px 这就是我创建导航栏的方式 <ion-nav-bar class="bar-stable no-animation" align-title="left"> <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">&

我有一个主选项卡,它只显示项目列表。和设置选项卡,该选项卡具有用于设置不同配置的嵌套视图

如果我按照这个特定的顺序导航,后退按钮显示不正确,或者如果要显示,标题就不会左移:37px

这就是我创建导航栏的方式

<ion-nav-bar class="bar-stable no-animation" align-title="left">
  <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back"></ion-nav-back-button>
</ion-nav-bar>
更新:


到目前为止,我发现有一个
$scope.$watch
决定是显示还是隐藏后退按钮。这会被延迟触发(在计算和对齐标题之后)。因此,在计算时,
leftWidth
不会返回按钮的宽度。

这样使用选项卡时,每个选项卡都包含自己的历史记录。它实际上正确地显示了后退按钮,因为主页选项卡状态已更改为子页面。“后退”按钮将带您返回此选项卡的主页(后退按钮特定于每个选项卡!)。第一次单击/点击选项卡按钮可以切换选项卡,第二次单击/点击实际上会将用户带到该选项卡的默认页面。错误是有时后退按钮的宽度仍然被应用

我相信爱奥尼亚团队也在为此进行一些改进和修复

您可以使用
$ionicNavBarDelegate.showBackButton(false)以在该视图期间禁用“后退”按钮。还有
nav clear
指令,您可以将其放在锚定标记上,以明确隐藏链接视图中的后退按钮

控制器示例

angular.module('App').controller('HomeCtrl', function ($scope, $ionicNavBarDelegate) {
  // Disable back button on this controller
  $ionicNavBarDelegate.showBackButton(false);
});

如果您仅使用角度布线,请使用以下方法

$route.reload()

如果您在爱奥尼亚


$state.go($state.current,{},{reload:true})

不久前我遇到了这个问题。我通过保存home选项卡的“historyID”并直接转到它来解决这个问题。我不认为这是一个很好的解决方案,所以我很好奇其他人会想出什么。同时,你可以看到我在这里做了什么。。。隐马尔可夫模型。。这是很好的解决办法。让我们看看有没有人有什么解决办法。我尝试在ionic.bundle.js中调试。切换选项卡后,后退按钮的状态似乎发生了变化。因此,如果我们从嵌套视图转到新选项卡,标题将缩进。这也是一个相关的错误。将
showBackButton
设置为false将在所有情况下停止显示后退按钮,对吗?我想把它展示出来。只需禁用历史记录(并在第一次单击时打开主选项卡视图)或正确放置“显示回”按钮即可。请看,它已被视为一个bug并等待解决。我会尽我所能去做的。
angular.module('App').controller('HomeCtrl', function ($scope, $ionicNavBarDelegate) {
  // Disable back button on this controller
  $ionicNavBarDelegate.showBackButton(false);
});