Me he encontrado con una interacción entre el enrutador Angular2 y las animaciones de Material Design Lite (MDL). Si creo un<input> elemento en un componente representado por<router-outlet> componente en Angular2, MDL no maneja adecuadamente mis interacciones con él (no muestra animación de foco, no borra texto de marcador de posición, etc.). Si, por otro lado, el<input> aparece fuera del<router-outlet>, no hay ningún problema.

Parece que tiene algo que ver con la naturaleza dinámica de los contenidos de<router-outlet>. penséesta Resolvería el problema. Agregué unngAfterViewInit yngAfterViewChecked controlador para mi aplicación (e incluso para mi directiva personalizada que se extiendeRouterOutlet) Sin suerte. Puedo ver elcomponentHandler variable y llame alupdateDom método ... no hay problema. Pero no tiene efecto.

Debe haber alguna forma de lograr que MDL "vea" estos elementos creados dinámicamente, pero mis intentos conupgradeDom No he estado trabajando. Tal vezupgradeDom no es el problema ... pero entonces lo que es.

¿Alguna sugerencia?