Angular의 라우트 매개변수
Angular에서 라우트는 고정적으로 지정될 수 있을 뿐만 아니라 매개변수를 지원할 수도 있습니다. 이를 통해 하나의 라우트에 전체 URL 그룹을 지정할 수 있습니다.
예를 들어, 동일한 컴포넌트가 다음 주소들로
접근 가능하도록 하고 싶다고 가정해 봅시다:
aaaa/1, aaaa/2, aaaa/3
그리고 계속 이어집니다.
이를 위해서는 라우트에서 주소의 변하는 부분을
매개변수 형태로 지정해야 합니다.
콜론(:)과 매개변수 이름을 작성하면 됩니다.
이 경우 매개변수 이름을 id로 지정하겠습니다 (어떤 이름이든 가능합니다):
const routes: Routes = [
{ path: 'aaaa/:id', component: AaaaComponent },
{ path: 'bbbb', component: BbbbComponent },
];
매개변수가 있는 라우트를 만드세요. 서로 다른 매개변수 값에 대해 지정된 컴포넌트가 열리는지 확인하세요.
