我试图只在我的一个离子视图中隐藏页脚,无论我尝试什么,我似乎无法让它工作。有任何想法吗?我尝试过使用ng-hide但没有用。我似乎无法解决问题所在。我将附加视图的代码以及调用页脚的索引。
Launchpad.html
<ion-view hide-nav-bar="true">
<ion-content class="padding uaContent">
<search-results></search-results>
<div ng-hide="query">
<h2 class="card headingCard text-center padding">What do you want to do?</h2>
<br>
<ion-grid>
<ion-row>
<ion-col>
<a ng-click="navToPlaylist()">
<img src="img/myfavorites.png" width="65.6%" height="100%">
</a>
</ion-col>
<ion-col>
<a ng-click="navToSchedule()">
<img src="img/program.png" width="32.8%" height="100%">
</a>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<a href="#/menu/guide">
<img src="img/interactive.png" width="65.6%" height="100%">
</a>
</ion-col>
<ion-col>
<a ng-click="navToExhibitors()">
<img src="img/exhibitors.png" width="32.8%" height="100%">
</a>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<a href="#/menu/smart">
<img src="img/smartposters.png" width="32.5%">
</a>
</ion-col>
<ion-col>
<a href="#/menu/badges">
<img src="img/mybadges.png" width="32.5%">
</a>
</ion-col>
<ion-col>
<a href="#/menu/menti">
<img src="img/interact.png" width="32.5%">
</a>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<a ng-click="navToInfo()">
<img src="img/information.png" width="32.5%">
</a>
</ion-col>
<ion-col>
<a ng-click="navToAbout()">
<img src="img/about.png" width="32.5%">
</a>
</ion-col>
<ion-col>
<a href="#/menu/newsfeed">
<img src="img/twitter.png" width="32.5%">
</a>
</ion-col>
</ion-row>
</ion-grid>
</div>
</ion-content>
</ion-view>
的index.html
<ion-footer-bar>
<div class="tabs tabs-positive" ng-controller="NavController" style="left: 0">
<a id="menuTab" class="tab-item navTab schedTab activeTab" href="#/menu/launchpad">
<i class="icon ion-ios-home"></i>
</a>
<a id="guideTab" class="tab-item navTab guideTab activeTab" ng-click="navToGuide()">
<i class="icon icon-street-view"></i>
</a>
<a id="arTab" class="tab-item navTab arTab activeTab" ng-click="navToAr()">
<i class="icon ion-camera"></i>
</a>
<a id="schedTab" class="tab-item navTab menuTab activeTab" ng-click="navToPlaylist()">
<i class="icon ion-heart"></i>
</a>
</div>
</ion-footer-bar>