typescript IF_05_13_Routing_Tabs.ts

Posted 2021-05-20

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomePage } from './home/home.page';
import { OfficePage } from './office/office.page';
import { ClubPage } from './club/club.page';
import { StudioPage } from './studio/studio.page';

const routes: Routes = [
  { path: '', redirectTo: '/home/(office:office)', pathMatch: 'full' },
  {
    path: 'home',
    component: HomePage,
    children: [
      { path: 'office', component: OfficePage, outlet: 'office' },
      { path: 'club', component: ClubPage, outlet: 'club' },
      { path: 'studio', component: StudioPage, outlet: 'studio' }
    ]
  },

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }