route규칙은 브라우저 주소창 url을 분해하여 해당 경로에 맞는 컴포넌트를 활성화시킨다.
{path:'heroes',component:HeroListComponent},path에는 /heroes와 같이 최상위를 나타내는 /기호를 사용할 수 없다.
'heroes'자체가 최상위를 나타낸다. route규치에서 하위규칙을 나타내려면 children프로퍼티를 사용한다.
{path: '', component: CrisisListComponent, children: [ {path:':id',component:....}]}route규칙내에서 하위규칙을 만든다.
http://localhost:4200/crisis/1
crisis는 CrisisListComponent컴포넌트를 활성화시키고 1은 CrisisDetailComponent컴포넌트를 활성화시킨다.
그러나 route규칙은 생각보다 까다롭다.
''내용없는 규칙일때도 컴포넌트를 지정할 수 있다.
http://localhost:4200/crisis
crisis규칙에 컴포넌트를 매핑시키고 하위규칙으로 ''에 컴포넌트를 매핑시킬 수 있다.
그러면 위와 같은 url에 2개이상의 컴포넌트를 매핑시킬 수 있다.
{path:'hero/:id', component:HeroDetailComponent}와 같이 hero/3를 하나의 컴포넌트에 매핑할 수 있다.
