Mehrere Instanzen derselben Stammanwendung in Angular 2
Wir integrieren Angular 2 in eine Legacy-Seite, um die Funktionalität Stück für Stück benutzerfreundlicher zu gestalten. Bisher hat der Austausch von vorgerenderten Backend-Widgets gegen Winkelmodule hervorragend funktioniert.
Jedoch bin ich auf ein Problem gestoßen, das ich nicht lösen kann: Ich habe ein Modul / eine Komponente geschrieben, das / die mehrmals auf der Seite an verschiedenen Stellen und mit einer anderen Konfiguration vorkommen kann.
<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>
Hier ist ein Plunker des Falles. Sie können sehen, dass nur das erste Vorkommen initialisiert wird. Gibt es ein Konzept, wie dies angegangen werden kann? Ich glaube, ich kann keine Wrapper-Komponente verwenden, da ich das gesamte Template nicht darin verschieben kann (Seiten werden im Backend gerendert und eckige Direktiven werden dort eingefügt).
Pros