angular - 为什么他们在这个 Angular 教程中循环路由参数？

Question

我正在浏览 Angular 2 tutorial about routing .在某些时候，他们添加了一个路由 /detail/:id 并添加了一个 ngOnInit() 方法来处理这个路由，特别是获取 :id 参数:

ngOnInit(): void {
  this.route.params.forEach((params: Params) => {
    let id = +params['id'];
    this.heroService.getHero(id)
      .then(hero => this.hero = hero);
  });
}

我不明白的部分是为什么他们在路由参数上循环？既然ID只能有一个，那不是可以用this.route.params['id']获取吗？

此外，如果真的有多个 id，那么循环它们有什么意义，因为每个新英雄只会替换前一个？

Answer 1

当路由以仅参数更改的方式更改时(例如 /somepath/:id/otherPath 中的 id)，则路由器不会离开并返回到相同的组件，但保留相同的组件并发出参数更改事件。

对于每个事件 (params:Params) => { ... } 被执行。