Aus dem Kurs: Angular: Erweiterte Komponenten
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
ngTemplateOutlet mit ng-template nutzen – Tutorial zu Angular
Aus dem Kurs: Angular: Erweiterte Komponenten
ngTemplateOutlet mit ng-template nutzen
Ich möchte jetzt gerne mit euch zusammen dynamische Inhalte erzeugen. Und das möchte ich gerne auf Basis einer Vorlagen-Referenz tun. Um das Ganze zu realisieren, habe ich ein kleines bisschen vorgearbeitet und habe mein Projekt-Setup noch mal etwas erweitert. Erweitert habe ich es in der Form, wie ihr hier sehen könnt, dass ich zunächst einmal ein neues Modul erzeugt habe. Das Modul habe ich dynamic genannt. Ich möchte keine Unit-Tests durchführen und möchte dass dieses Modul automatisch in module app, also im Applikationsmodul, registriert wird. Nachdem ich das gemacht habe, könnt ihr hier sehen, da ist ein Ordner dynamic entstanden, hier ist das dynamic.module, und im app.module ist, wie erwähnt, DynamicModule implementiert und in die imports mit aufgenommen. Als nächste Vorbereitung bin ich hingegangen und habe dann eine Komponente dynamic erzeugt, die gleichzeitig exportiert werden soll. Das sehen wir hier auch, dass dynamic erzeugt wurde…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
(Gesperrt)
Grundlagen: Dynamische Inhalte5 Min. 58 Sek.
-
(Gesperrt)
ngTemplateOutlet mit ng-template nutzen3 Min. 50 Sek.
-
(Gesperrt)
ngTemplateOutlet mit context verwenden3 Min. 47 Sek.
-
(Gesperrt)
Vorlagenreferenz transkludieren4 Min. 6 Sek.
-
(Gesperrt)
Vorlagenreferenz über strukturelle Direktiven erzeugen6 Min. 55 Sek.
-
(Gesperrt)
ViewContainerRef für Vorlagenreferenzen nutzen7 Min. 34 Sek.
-
(Gesperrt)
ngComponentOutlet einsetzen5 Min. 4 Sek.
-
(Gesperrt)
ViewContainerRef für Component-Factory verwenden6 Min. 52 Sek.
-
(Gesperrt)
-
-