Angular 16：无法让路由输入绑定工作

Question

Angular 16 引入了一种轻松解析路由信息的新方法，我想利用它，因为它避免了样板代码。但是，我无法让它工作，我不确定我做错了什么。

如他们的文档中所述我在路由器初始化中添加了新选项：

@NgModule({
  imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true })],
  exports: [RouterModule],
})
export class AppRoutingModule {}

之后我将

@Input()

绑定添加到我的

app.component.ts

文件中：

@Input() settings_id? = '';

  public ngOnInit(): void {
    if (this.settings_id !== '') {
      console.log(this.settings_id); <-- this doesn't fire since string remains "empty"
    }
  }

根据所有（有限的）资源我可以在网上找到这应该已经足够了。我调用的网址是

http://localhost:4200?settings_id=2a39962d-c3c5-4ade-8a0f-1b7f97279a58