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

Published: 27 December 2022
on channel: Decoded Frontend
51,120
2.4k

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 -   / decodedfrontend  
Instagram -   / decodedfrontend  
LinkedIn -   / dmezhenskyi  

#ng #angular #angular15


Watch video NgTemplateOutlet in Angular - Everything You Have to Know (2022) online without registration, duration hours minute second in high quality. This video was added by user Decoded Frontend 27 December 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 51,120 once and liked it 2.4 thousand people.