Angularのルートパラメータ

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

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

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

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