如何在一个应用程序中使用选项卡和页面?

Question

是否可以在页面中使用选项卡？

我举了一个例子。它具有以下结构：

• 主页 (页(
• 选项卡(用作容器(
• ---> app-routing.module.ts(选项卡的路由(
• --->主页(选项卡(
• --->联系人(选项卡(
• --->详细信息(选项卡(
• 关于--->(选项卡(

如果我使用选项卡作为默认路由，一切正常(在 app-routing.module.ts 中(。

const routes: Routes = [
// { path: '', loadChildren: './main/main.module#MainPageModule' },
{ path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
];

如果我对主页使用默认路由，那么切换到选项卡(在app-routing.module.ts中(时会出现错误。

const routes: Routes = [
{ path: '', loadChildren: './main/main.module#MainPageModule' },
{ path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule' },
];

核心.js：9110 错误 错误：未捕获(承诺中(：错误：无法匹配 任何路线。网址细分："标签页/首页"错误：无法匹配任何路由。 网址细分："标签页/首页">

如何在一个应用程序中使用选项卡和页面？

Answer 1

你需要添加

RouterModule.forChild([
{
path: '',
component: TabsPage
}
])

到导入部分中的选项卡.module.ts。 否则，路由器不知道要呈现选项卡模块的哪个页面