Múltiples instancias de la misma aplicación raíz en Angular 2
Integramos Angular 2 en una página heredada para hacer que la funcionalidad pieza por pieza sea más fácil de usar. Hasta ahora, el intercambio de widgets backend pre-procesados por módulos angulares ha funcionado muy bien.
Sin embargo, me encontré con un problema que no sé cómo resolver: he escrito un módulo / componente que puede ocurrir varias veces en la página en diferentes ubicaciones y con una configuración 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>
Aquí hay un Plunker del caso Puede ver que solo se inicializa la primera aparición. ¿Hay algún concepto sobre cómo abordar esto? Creo que no puedo usar un componente contenedor ya que no puedo mover toda la plantilla dentro de él (las páginas se representan en el backend y las directivas angulares se colocan allí).
Salud