IONIC-4在拆分窗格的侧面菜单中使用<ion-tabs>

时间:2019-07-02 15:09:52

标签: angular ionic-framework angular-ui-router ionic4

我正在尝试实现一个拆分窗格,该拆分窗格将使用边栏中的ion-tabs(拆分窗格菜单)。

ionic 4中的ion-tabs的问题在于它使用主路由器渲染组件,因此,即使将ion-tabs添加到拆分窗格菜单中,选项卡仍将在ion-router-outlet中渲染。有没有使用离子键的方法来使用辅助路由器?

这就是我的想法:

<ion-app>
    <ion-split-pane>
        <ion-menu>
            <ion-content>
                <ion-tabs>
                    <ion-tab-bar slot="bottom">
                        <ion-tab-button tab="tab1">
                            <ion-icon name="flash"></ion-icon>
                            <ion-label>Tab One</ion-label>
                        </ion-tab-button>
                        <ion-tab-button tab="tab2">
                            <ion-icon name="apps"></ion-icon>
                            <ion-label>Tab Two</ion-label>
                        </ion-tab-button>
                        <ion-tab-button tab="tab3">
                            <ion-icon name="send"></ion-icon>
                            <ion-label>Tab Three</ion-label>
                        </ion-tab-button>
                    </ion-tab-bar>
                </ion-tabs>
            </ion-content>
        </ion-menu>
        <ion-router-outlet main></ion-router-outlet>
    </ion-split-pane>
</ion-app>

我希望能够使用不能确定应在ion-router-outlet中呈现什么内容的ion-tabs更改边栏的内容。

0 个答案:

没有答案