angularjs - 有条件地隐藏 之外的 ionic 框架中的菜单按钮

Question

在 ionic 框架中，我试图有条件地隐藏菜单按钮。由于其他原因，我不得不在自己的 Controller 中拆分菜单(我不想在刷新时完全重新渲染菜单和标题栏)，因此标题不在 ionic View 中。我在标题的 Controller 中的条件变量(一个 stateparam)上创建了一个观察者。控制台日志正确输出条件变量，但 View 未更新(菜单按钮始终显示)。

这是模板:

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-bar class="bar-stable nav-title-slide-ios7">
            <ion-nav-back-button ng-if="!isHome" class="button-clear"><i class="icon ion-ios7-arrow-back"></i>Back</ion-nav-back-button>
            <button ng-if="isHome" menu-toggle="left" class="button button-icon icon ion-navicon"></button>
            <h1 class="title">Title</h1>

        </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
</ion-side-menu-content>

...
</ion-side-menus>

在 Controller 中:

$scope.$watch(function(){
    return $stateParams.contentUrl;
},
    function(newVal){
        console.log(newVal);
        if(!newVal || newVal === 'someParam'){
            $timeout(function(){
                $scope.$apply(function(){
                    $scope.isHome = true;
                });
                console.log("home");
            });
        } else {
            $timeout(function(){
                $scope.$apply(function(){
                    $scope.isHome = false;
                });
                console.log("not home");
            });
        }
    });

有更容易的方法吗？还是我在这里遗漏了什么？

Answer 1

您可以使用 hide-back-button <ion-view> 上的属性元素来声明该 View 是否应该默认隐藏后退按钮。

http://ionicframework.com/docs/nightly/api/directive/ionView/

<ion-view hide-back-button="true">
  <!-- view contents -->
</ion-view>