參考鏈接：http://stackoverflow.com/questions/23991852/how-do-i-hide-the-tabs-in-ionic-framework

1.index.html

<script src="js/directive.js"></script>

2.directive.js

angular.module('ibg.directives', []);angular.module('ibg.directives').directive('hideTabs', function ($rootScope) {return {restrict: 'A',link: function(scope, element, attributes) {scope.$on('$ionicView.beforeEnter', function() {$rootScope.hideTabs = true;scope.$watch(attributes.hideTabs, function(value){$rootScope.hideTabs = value;});});scope.$on('$ionicView.beforeLeave', function() {$rootScope.hideTabs = true;});}}; });

3.tabs.html

<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': $root.hideTabs}"> </ion-tabs>

4.不隱藏的tab

<ion-view view-title="IBeautyGuru" ng-controller="HomeCtrl" hide-tabs='false'> </ion-view>

?

總結

以上是生活随笔為你收集整理的ZH奶酪：Ionic通过angularJS+tabs-item-hide实现自定义隐藏tab的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。