Create Dynamic Components in Angular

ClockIcon23m
CalendarIconLast review:
angularAngular
5 - 6
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
682 people completed
Juri Strumpflohner
By

Juri Strumpflohner

Full stack w/ ❤ for JS & Angular • 📽 author • 📝 blogger • 🎓 @eggheadio instructor • @google Developer Expert #GDE • freelance trainer • #craftyrol • DE, IT, EN

Dynamic data gives us the opportunity to build dynamic components. Dynamic components are reusable and make building large-scale applications so much easier. In this course, Juri Stumpflohner will take us through the specific use case of of creating a tabbed component which allows us to dynamically define new tabs.

On our journey of implementing this component we will learn about how we can dynamically instantiate components, leveraging the ComponentFactoryResolver and ViewContainerRef.

Furthermore we will explore how to define view templates, how to pass them to our dynamically instantiated components as well as how to pass data into those templates. All of this will be powered by ngTemplateOutlet and ngTemplateOutletContext.

Juri Strumpflohner
By

Juri Strumpflohner

Full stack w/ ❤ for JS & Angular • 📽 author • 📝 blogger • 🎓 @eggheadio instructor • @google Developer Expert #GDE • freelance trainer • #craftyrol • DE, IT, EN