Tengo problemas para hacer que funcione la lógica de detección del tamaño de la ventana en el archivo de enrutamiento de mi proyecto angular. Estoy usando Angular 4, y cuando escribo algo de lógica básica para detectar el tamaño del documento (que me dice el tamaño de la página HTML), todo funciona. Pero cuando trato de hacer esto en la forma de colocar una variable en la ruta de la ruta, sigo recibiendo el error "TS: 2322: el tipo '{routingTest: Route; }' no se puede asignar al tipo 'Route'. El objeto literal solo puede especifique propiedades conocidas, y 'routingTest' no existe en el tipo 'Route'".

Ahora estoy un poco perplejo porque probé "cualquiera", "ruta" y tipos de componentes para mi variable, pero todos arrojan este error (sorprendido por cualquiera). Estoy tratando de detectar cuándo estamos en el rango de ancho móvil para poder cambiar la ruta apropiadamente a un componente diferente, dándome la capacidad de tener interfaces de usuario completamente diferentes para computadoras de escritorio y dispositivos móviles.

Aquí está mi código, aparece el error en la línea "{ ruta: '**', componente: {{routingTest }} }" al declarar el "{{routingTest }}" Var en la ruta del componente

 const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; console.log("this is the width (responsive),", width) var routingTest: Any; if (width > 764) { routingTest = Testpage1Component } else { routingTest = Testpage2Component } console.log("routing file test", width , routingTest) const routes: Routes = [ { path: 'home', redirectTo: '' }, { path: 'test1', component: Testpage2Component}, { path: 'test', component: Testpage3Component}, { path: '**', component: {{ routingTest }} } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule {}