Angular2路由：/ users / new作为/ users /：id处理

Question

目前我有2个组件：UsersComponent和UserComponent。

路由配置如下：

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

工作正常。但是当我补充说：

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

由＆＃39; users /：id＆＃39;处理输入，因此调用UserComponent组件。

如何制作＆＃39;用户/新用户？调用NewUserComponent组件？

Answer 1

非常简单：

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

你必须把最多的＆＃34;精确的＆＃34;路径第一。

Answer 2

更改它们的位置。您的路由按顺序读取，如果找到匹配的路由，则可以正常工作。因此，users/new等所有通话都被视为users/，id设置为new。

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