Encontrei uma interação entre o roteador Angular2 e as animações Material Design Lite (MDL). Se eu criar um<input> elemento em um componente que é renderizado pelo<router-outlet> componente no Angular2, o MDL não lida adequadamente com minhas interações com ele (não mostra animação de foco, não limpa texto de espaço reservado, etc.). Se, por outro lado, o<input> aparece fora do<router-outlet>, não há problema.

Parece que tem algo a ver com a natureza dinâmica do conteúdo de<router-outlet>. eu penseiesta resolveria o problema. Eu adicionei umngAfterViewInit engAfterViewChecked manipulador para meu aplicativo (e até para minha diretiva personalizada que se estendeRouterOutlet) Sem sorte Eu posso ver ocomponentHandler variável e chame oupdateDom método ... não há problema. Mas não tem efeito.

Deve haver alguma maneira de fazer com que o MDL "veja" esses elementos criados dinamicamente, mas minhas tentativas comupgradeDom não tenho trabalhado. TalvezupgradeDom não é o problema ... mas então o que é.

Alguma sugestão?