dynamically inserting a template from a array of templates using @ViewChild and ngTemplateOutlet (angular)

some time we need to insert one template based on condition to the dom from a list of multiple list of template array.

this can be easily done just using  ngTemplateOutlet

you can read more about ngTemplateOutlet

https://angular.io/api/common/NgTemplateOutlet

here is my solution to  pick one template from array and insert in to dom based on some condition

working link is below

https://stackblitz.com/edit/angular-kssdv9?file=src%2Fapp%2Fapp.component.html