[angular] Router

1. Register Routes

In app.module.ts

const appRoutes: Routes = [

{ path: '', component: HomeComponent },

{ path: 'users', component: UsersComponent },

{ path: 'servers', component: ServersComponent }

];

@NgModule({

imports: [

RouterModule.forRoot(appRoutes)

]

})

2. Display Routes

In XXX.html

<div class="row">

<div class="col-xs-12 col-sm-10 col-md-8 col-sm-offset-1 col-md-offset-2">

<router-outlet></router-outlet>

</div>

</div>

router-outlet is directive.

Html: What is in the page.

CSS: How to show the page.

JavaScript: Functions in page.