パラメータ化されたものによって捕捉された静的ルート

Question

パラメータが別のルートと混同されないように角度付きルートを設定できますか？

言って、ルートとしては、以下：

{ 
    path: 'heroes/:id', 
    component: HeroDetailComponent 
}, 
{ 
    path: 'heroes/add', 
    component: HeroEditComponent 
}, 

セグメントaddが捕捉され、解釈:idとして、または別の方法でそれらのルートを区別することで、衝突します。

regexpを接続して正しいルートを判断することはできますか？

Answer 1

角度ルータは一致する最初のルートを使用します。そのため、ルートを最も具体的なものから最小のものまで定義する必要があります。注文を変更する場合は、addを最初に一致させてから:idに一致させる必要があります。

{ 
    path: 'heroes/add', 
    component: HeroEditComponent 
}, 
{ 
    path: 'heroes/:id', 
    component: HeroDetailComponent 
},