Angular2ルーティング：/ users/newは/ users /：idとして処理されます。

Question

現在、私は2つのコンポーネント、すなわちUsersComponentとUserComponentを持っています。

ルーティング設定は次のようである：正常に動作します

{ path: 'users', component: UsersComponent }, 
{ path: 'users/:id', component: UserComponent } 

。しかし、私が追加するとき：

{ path: 'users/new', component: NewUserComponent } 

それは 'users /：id'エントリによって処理されるので、UserComponentコンポーネントが呼び出されます。

「ユーザー/新規」にNewUserComponentコンポーネントを呼び出す方法を教えてください。

Answer 1

非常に単純には：

{ path: 'users', component: UsersComponent }, 
{ path: 'users/new', component: NewUserComponent }, 
{ path: 'users/:id', component: UserComponent } 

あなたはまず、最も "正確な" パスを配置する必要があります。

Answer 2

場所を変更します。あなたのルートは順番に読み込まれ、一致するルートが見つかった場合、それは機能します。したがって、users/newのようなすべてのコールはusers/となり、idはnewに設定されます。

{ path: 'users', component: UsersComponent }, 
{ path: 'users/new', component: NewUserComponent }, 
{ path: 'users/:id', component: UserComponent }