ionic 4 Tabs навигация навигация вперед

Question

Кому-нибудь повезло с переходом на следующую страницу на странице вкладок без потери панели вкладок?Мне не удалось найти ни одного рабочего образца в Интернете.

Answer 1

Мне удалось заставить его работать, просто поместите новую страницу в дочерний массив вкладок.Затем при переходе по ссылке будет «/ tabs / (outlet: child2)», где выход - это представление, в которое вы хотите перейти на страницу.Господи, документации по этому вопросу нет.

Answer 2

Если вы имеете в виду обычную навигацию с вкладками, то она соответствует стилю (outlet:path).

const routes: Routes = [
    {
        path: 'tabs',
        component: TabsPage,
        children: [
            {
                path: '',
                redirectTo: '/tabs/(home:home)',
                pathMatch: 'full',
            },
            {
                path: 'home',
                outlet: 'home',
                component: HomePage
            },
            {
                path: 'contact',
                outlet: 'contact',
                component: ContactPage
            },
            {
                path: 'settings',
                outlet: 'settings',
                component: SettingsPage
            }
        ]
    },
    {
        path: '',
        redirectTo: '/tabs/(home:home)',
        pathMatch: 'full'
    }
];

Я до сих пор не разобрался во вложенности.Пример: / tabs / (settings: settings / about) где about page / component является дочерним маршрутом для настроек.

Могу ли я спросить, как вам удалось перейти на "следующую страницу" после закладки?

Источники: https://angularfirebase.com/lessons/ionic-4-routing-and-navigation-guide/