Использование IONIC-4в боковом меню разделенной панели - PullRequest
Новая
       16

Использование IONIC-4в боковом меню разделенной панели

3 голосов
/ 02 июля 2019

Я пытаюсь реализовать разделенную панель, которая будет использовать вкладки ion на боковой панели (меню разделенной панели).

Проблема с ионными вкладками в ionic 4 заключается в том, что для рендеринга компонентов используется первичный маршрутизатор, поэтому, даже если ионные вкладки добавлены в меню разделенной панели, вкладки будут отображаться в выходной ион-маршрутизаторе. Есть ли способ ион-вкладок использовать вспомогательный роутер?

Вот что я имею в виду: 

<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>

Я хочу иметь возможность изменять содержимое боковой панели с помощью ионных вкладок, из которых я не могу решить, что следует отображать в ионном маршрутизаторе на выходе.

...