Angular 16 - 将组件输入与父路由的路由参数绑定

Question

想象一下，在Angular 16中有一个组件（some.component.ts），它从父路由中的activeRoute属性获取其foo属性的值。请参考下面的示例：

@Input() foo!: string;

constructor(private activeRoute: ActivatedRoute) {
  this.foo = this.activeRoute.parent?.snapshot.params['foo'];
}

我想在这里使用Angular 16的输入绑定来处理路由参数。对于其他情况，它是有效的，但是当参数实际上来自父级路由时，我不确定如何使其工作。

路由看起来像这样：

{
  path: 'bar/:foo',
  component: IrrelevantComponent,
  children: [
    {
      path: 'some',
      component: SomeComponent,
    },
  ],
},

这是否可以通过使用新的路由参数绑定来实现？如果可以，那么具体如何操作呢？

- Anton

---

https://angular.io/guide/router#getting-route-information - skink

https://angular.io/guide/router#getting-route-information - undefined

Answer 1

@skink的评论链接到了如何做到这一点的文档：https://angular.io/guide/router#getting-route-information 如果你想使用父组件的路由信息，你需要设置router paramsInheritanceStrategy选项：withRouterConfig({paramsInheritanceStrategy: 'always'})

- craig