Angular ルーティング
ルーティングの最低限の構成。
/* app-routing.module.ts */ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { FooComponent } from './foo/foo.component'; const routes: Routes = [ { path: 'foo', component: FooComponent } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }
router-outlet の部分に出力される。
<!-- app.component.html --> <router-outlet></router-outlet>