Angular router---有参数的路由

201 阅读1分钟

先说结论: 最后的一个路径是参数的话, 同级路由中放到最后 否则它之下的路由无法走到

users/create
users/result
users/:id

//

path: 'users',
component: LoginLayoutComponent,
children: [
        {path: 'create'},
     
        {path: ':id'},//注意他的位置
        {path: 'result'},

]

当浏览器输入地址:users/result 走到的路由永远是users/:id 因为id是个变量, 根据路由算法会认为'result'是id的的值 而不会走到users/result

正确的写法是:把带参数的放到最后的位置

path: 'users',
component: LoginLayoutComponent,
children: [
        {path: 'create'},
        {path: 'result'},
        {path: ':id'},//注意他的位置        
]