Várias instâncias do mesmo aplicativo raiz no Angular 2
integramos o Angular 2 em uma página herdada para tornar a funcionalidade peça por peça mais amigável ao usuário. Até agora, a troca de widgets de back-end pré-renderizados por módulos angulares funcionou muito bem.
No entanto, encontrei um problema que não sei resolver: escrevi um módulo / componente que pode ocorrer várias vezes na página em locais diferentes e com uma configuração diferente.
<body>
<div class='somewhere-on-the-page'>
<my-widget config='A'></my-widget>
</div>
<div class='somewhere-else-on-the-page'>
<my-widget config='B'></my-widget>
</div>
</body>
Aqui está um Plunker do caso. Você pode ver apenas a primeira ocorrência é inicializada. Existe algum conceito sobre como lidar com isso? Eu acho que não posso usar um componente wrapper, pois não consigo mover todo o modelo dentro dele (as páginas são renderizadas no back-end e as diretivas angulares são colocadas lá).
Felicidades