Angular Dynamic Component Loading - ngComponentOutlet

Published: 17 July 2021
on channel: JS Frameworks
9,825
147

Angular 12 tutorial - Dynamic Component Loading - We explore how we can create a dynamic angular component using ComponentFactoryResolver and ViewContainerRef.createComponent(). Also we check how we can reuse the created Component view using ComponentFactory.create() and ViewContainerRef.insert()/detach(). We then try out the various options available in the structural directive ngComponentOutlet, including custom Injectors, content projection and custom ngModuleFactory.

Github url - https://github.com/anuroopjoy/dynamic...

00:00 - Introduction
00:29 - ViewContainerRef.createComponent
05:16 - ComponentFactory.create()
08:26 - ngComponentOutlet
11:41 - custom Injector in ngComponentOutlet
14:47 - content projection in ngComponentOutlet
18:03 - custom ngModuleFactory in ngComponentOutlet


On this page of the site you can watch the video online Angular Dynamic Component Loading - ngComponentOutlet with a duration of hours minute second in good quality, which was uploaded by the user JS Frameworks 17 July 2021, share the link with friends and acquaintances, this video has already been watched 9,825 times on youtube and it was liked by 147 viewers. Enjoy your viewing!