Question

如果要允许同一参数重复 n 次，如何使用路由参数定义路由。

例如

  { 
    path: '/route/:id1/:id2/:id3/:id4', // etc.
    component: SomeComponent
  }

是否可以简化允许 n 个ID的方式。

Answer 1

我通过使用this.route.url的段来解决它，就像下面的组件代码一样：

路由定义：

export const Routes: Routes = [{
  path: '',
  children: [{
    path: '**',
    component: Component
  }]
}];

组件：

@Component()
export class Component {

  constructor(private route: ActivatedRoute) {

    this.route.url.subscribe((segments: UrlSegment[]) => {
      segments.forEach(segment => {
        console.log(segment); // each segment resembles one parameter like in my question
      })
    });

  }
}

多个（n次）重复路由参数

1 个答案: