有类似的问题,但不是这个问题。我在离子应用程序视图中有这个结构
<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
按钮而不是菜单按钮。
这可能吗?
答案 0 :(得分:1)
有一种(方式)简单易行的方法。
在<ion-nav-buttons></ion-nav-buttons>
内添加<ion-view></ion-view>
将使用我想要的任何内容重写菜单按钮,或者只隐藏它而没有内容。
答案 1 :(得分:0)
您需要像此处的示例一样使用ng-if
。
current 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;
}
});