Question

在不丢失标签栏的情况下，是否有人有幸导航到标签页的下一页？我没有在网上找到任何有效的样本。

Answer 1

如果您指的是带有标签的普通导航，则它将遵循(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页面/组件是设置的子路径。

请问您在标签页之后导航到“下一页”是如何实现的？

来源：https://angularfirebase.com/lessons/ionic-4-routing-and-navigation-guide/

Answer 2

我设法使其正常运行，只需将新页面放在tabs children数组中即可。然后，在导航时，链接将为“ / tabs /（出口：child2）”，其中出口是您希望页面推入的视图。上帝，没有任何文件。

ionic 4 Tabs导航向前导航

2 个答案: