jquery - 如何隐藏 Ionic Framework 中的选项卡

Question

我选择了 ionic 选项卡 View ，因此我可以使用模板系统，但我无法删除选项卡。我想要这样的 View ，我确实设法删除了标题栏，但我无法删除标签栏

这是我到目前为止得到的:

如果我隐藏标签栏 (ion-tabs{display:none}) 它也会删除内容，这不是我想要的。

Answer 1

我知道这已经得到解答，但有一种更“有 Angular ”的方法可能会有所帮助。这是通过使用自定义指令完成的，您可以将其应用于不想显示底部标签栏的 View 。

我的应用对此的解决方案是:

1 - 使用 ng-hide绑定(bind)到选项卡栏上的 rootScope 变量，因此我可以在我的应用程序的任何 Controller / View 中隐藏/显示它:

<ion-tabs ng-hide="$root.hideTabs" class="tabs-icon-only">
    <!-- tabs -->
</ion-tabs>

2 - 创建一个自定义指令，当存在时，将隐藏标签栏(并在 View 被销毁/关闭时再次显示标签栏:

var module = angular.module('app.directives', []);
module.directive('hideTabs', function($rootScope) {
    return {
        restrict: 'A',
        link: function($scope, $el) {
            $rootScope.hideTabs = true;
            $scope.$on('$destroy', function() {
                $rootScope.hideTabs = false;
            });
        }
    };
});

3 - 将其应用于不需要标签栏可见的特定 View :

<ion-view title="New Entry Form" hide-tabs>
    <!-- view content -->
</ion-view>

ps:我认为这可以改进甚至进一步避免需要 ng-hide在 <ion-tabs> 上声明，让指令完成所有“肮脏的工作”。