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

Question

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

我做了一个示例。它的结构如下：

• main (页)
• 制表符 (用作容器)
• -> 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' },
];

core.js:9110错误:未知(承诺)：错误:不能匹配任何路由。URL段：‘选项卡/主’错误:无法匹配任何路由。URL段：“选项卡/主页”

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

Answer 1

你需要添加

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

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