NgTemplateOutlet in Angular - Everything You Have to Know (2022)

This video will teach you how to utilize an Angular ngTemplateOutlet directive to create reusable components with customizable and extensible views. You will learn everything you have to know about this directive. We will cover all available features like creating views from templates, providing template context data, and controlling the proper Angular Dependency Injection flow. So if you watch the video until the end, you can be sure that you will be able to handle 80% of all possible use cases related to component view customization.

💥 Become a PRO with my in-depth Angular Forms Course💥
🔗 10% discount for the first 10 students - https://bit.ly/advanced-ng-forms-disc...

🕒  Time Codes:
00:00:00 - Intro;
00:00:58 - Project Overview;
00:03:17 - Describing the Problem;
00:04:49 - How to create Embedded Views in Angular;
00:10:54 - Let's meet [ngTemplateOutlet] directive;
00:12:43 - Conditionally Rendering ng-templates;
00:16:38 - Introducing Template Context;
00:24:01 - Controlling Parent Injector for components in NgTemplates;
00:30:09 - Recap things we learned;
00:32:14 - Disadvantages of [ngTemplateOutlet] directive;
00:34:00 - Outro;

🔗 Project Code on GitHub:
https://github.com/DMezhenskyi/angula... (initial state in main branch)

🙌 Support Dmytro https://bit.ly/donate-to-decoded-fron...

💡 Short Frontend Snacks (Tips) every week here:
Twitter - Twitter: DecodedFrontend
Instagram - Instagram: decodedfrontend
LinkedIn - LinkedIn: dmezhenskyi

#ng #angular #angular15

• #science_technology
• #ngtemplateoutlet_angular
• #angular_ngtemplateoutlet
• #ngtemplateoutlet_example
• #ngtemplateoutletcontext
• #ngtemplateoutlet_pass_variable
• #ngtemplateoutlet_injector
• #angular_ng_template
• #angular_tutorial
• #advanced_angular_tips
• #tutorial
• #rxjs
• #ui
• #angular
• #programming