小编Aas*_*han的帖子

Ionic 5 ion-tab 隐藏在某些特定页面中

我已经创建了选项卡页面并通过选择器包含在我的 app.component.html 文件中,我的问题是我想在某些特定页面中隐藏选项卡,任何人都可以帮助我。下面我分享我创建的标签页的代码。

标签页.html

        <ion-tabs>
            <ion-tab-bar slot="bottom">
                 <ion-tab-button tab="home">
                   <ion-icon name="home"></ion-icon>
                <ion-label>Home</ion-label>
            </ion-tab-button>
    
            <ion-tab-button tab="search">
                <ion-icon name="search"></ion-icon>
                <ion-label>Search</ion-label>
            </ion-tab-button>
    
            <ion-tab-button tab="click-history">
                <ion-icon name="color-wand"></ion-icon>
                <ion-label>Clicks</ion-label>
            </ion-tab-button>
    
            <ion-tab-button tab="profile">
                <ion-icon name="person"></ion-icon>
                <ion-label>Profile</ion-label>
            </ion-tab-button>
        </ion-tab-bar>
    </ion-tabs>
Run Code Online (Sandbox Code Playgroud)

应用程序组件.html

    <ion-app>
        <app-menu></app-menu>
        <ion-router-outlet id="main"></ion-router-outlet>
        <app-tab></app-tab>
    </ion-app>
Run Code Online (Sandbox Code Playgroud)

components show-hide ionic-framework ionic-tabs angular

5
推荐指数
1
解决办法
8171
查看次数