隐藏特定视图上的菜单按钮而不隐藏导航栏(离子)

时间:2016-08-23 15:26:11

标签: ionic-framework

有类似的问题,但不是这个问题。我在离子应用程序视图中有这个结构

<ion-view>
<ion-nav-title>
    <a id="go_to_app" href="#startseite">
        <span class="ion-android-exit"></span>
    </a>

    <img src="img/logo_header.png">

</ion-nav-title>
<ion-content class="star-wrap">
.
. contents
.
</ion-content class="star-wrap">

我想要实现的是在此特定视图中显示ion-android-exit按钮而不是菜单按钮。

这可能吗?

2 个答案:

答案 0 :(得分:1)

有一种(方式)简单易行的方法。

<ion-nav-buttons></ion-nav-buttons>内添加<ion-view></ion-view>将使用我想要的任何内容重写菜单按钮,或者只隐藏它而没有内容。

答案 1 :(得分:0)

您需要像此处的示例一样使用ng-ifcurrent Azure docs 在控制器中将ng condition的值设置为true后。

示例HTML                                                          

    <title>Ionic Modal</title>
  <body ng-controller="State1Ctrl">

   <ion-nav-bar>
    <ion-nav-view>
      <ion-view>
        <ion-nav-title>
          <a id="go_to_app" href="#startseite">
        <span class="ion-android-exit" ng-if="!hidethisview"></span>
    </a>
        </ion-nav-title>
        <ion-content>
          Some super content here!
        </ion-content>
      </ion-view>
    </ion-nav-view>
      </ion-nav-bar>

和JS

angular.module('ionicApp', ['ionic'])
.controller('State1Ctrl', function($scope, $state) {
if($state.current.name=="")// you need to have your state name inside quotes
//this example don't have one
{
  $scope.hidethisview=true;
}

});