Несколько экземпляров одного корневого приложения в Angular 2
мы интегрируем Angular 2 в устаревшую страницу, чтобы сделать функциональность по частям более удобной для пользователя. Пока что обмен предварительно обработанных виджетов на угловые модули работал отлично.
Однако я столкнулся с проблемой, которую не знаю, как решить: я написал модуль / компонент, который может появляться несколько раз на странице в разных местах и с другой конфигурацией.
<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>
Вот плункер дела. Вы можете видеть только первое вхождение инициализировано. Есть ли какое-нибудь понятие о том, как справиться с этим? Я думаю, что не могу использовать компонент-обертку, так как не могу переместить весь шаблон внутри него (страницы отображаются в бэкэнде и в них помещаются угловые директивы).
ура