In this video you will learn how to create an Angular component dynamically. Furthermore, you will learn how to create multiple dynamic components based on configuration settings.
In earlier versions of Angular we could generate Dynamic Components and set inputs using the command COMPONENT.instance.INPUT_NAME. This worked fine but we had to find alternatives to trigger component's ngOnChanges hook. In Angular 14 we now have the option to use the method setInput which triggers the ngOnchanges hook.
✨ Chapters:
0:00 Intro
0:18 Dynamic Component
3:02 Input vs setInput
5:10 Dynamic Components based on configuration
8:45 Thank you
✨ Code: https://github.com/profanis/codeShotsWithProfanis/tree/42/angular-dynamic-components
******************************************************
Let's Connect
******************************************************
Twitter: https://twitter.com/prodromouf
LinkedIn: https://www.linkedin.com/in/prodromouf/
#angular #learnAngular #angularTutorial #webdevelopment #frontenddeveloper #frontenddevelopment
0 Comments