Children route parameter are not set with withComponentInputBinding

In an Angular 18 application I can not have children route parameter set.

I have a route defined as

export const routes: Routes = [
{ path: 'test',
children: [
{ path: 'peration/:id', component: CrudComponent },
{ path: 'peration', component: CrudComponent},
{ path: '', component: CrudComponent }
], component: TestComponent},


and in app.config.ts

export const appConfig: ApplicationConfig = {
providers: [provideRouter(routes, withComponentInputBinding()),


in test.component.html

<a [routerLink]="['/test']">no operation</a>-
<a [routerLink]="['/test','onlyoperation']">only operation</a>-
<a [routerLink]="[ '/test','operationNid','123']">operation and id</a>
<hr/>operation={{operation}} id={{id}}


and in test.component.ts

@Input() operation:string="";
@Input() id:number=0;


I expected to see the values shown by "operation={{operation}} id={{id}}", but they remain blank.

If I define the following routes, it works as expected

export const routes: Routes = [
{ path: 'test/peration/:id', component: TestComponent },
{ path: 'test/peration', component: TestComponent },
{ path: 'test', component: TestComponent},


where am I wrong?

Continue reading...