Angularのルートパラメータ

Angularでは、ルートは厳密に固定されているだけでなく、パラメータもサポートできます。これにより、一つのルートでURLのグループ全体を定義することができます。

例えば、同じコンポーネントを次のアドレスでアクセス可能にしたいとします: aaaa/1, aaaa/2, aaaa/3 など。

これを行うには、ルート内でアドレスの変更部分をパラメータとして指定する必要があります。そのためには、コロンを書き、パラメータ名を指定します。この場合、パラメータにidという名前を付けます（任意の名前を付けることができます）:

const routes: Routes = [
	{ path: 'aaaa/:id', component: AaaaComponent },
	{ path: 'bbbb', component: BbbbComponent },
];

パラメータ付きのルートを作成してください。パラメータの値が異なっても指定されたコンポーネントが開かれることを確認してください。