Angular Modal Tutorial: How to Create Dynamic Modals

Learn how to use Angular Portal and Overlay from Angular Material to create a custom, reusable modal for any project! In this tutorial, I'll guide you through the steps of setting up these powerful tools and demonstrate their application with a real-world example. Perfect for developers looking to enhance their Angular projects with dynamic and versatile modal components.

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

LOOKING FOR THE VIDEO EDITOR? ➡️ [email protected]

SERVICES THAT I'M USING
Backblaze unlimited cloud backup ➡️ https://www.backblaze.com/cloud-backu...
Free 1 Month Skillshare Membership ➡️ https://skillshare.eqcm.net/c/5473521...

STUFF I USE
► My imac for home on Amazon - https://amzn.to/4aLbTBu
► Mac macbook to go on Amazon - https://amzn.to/4bRVD2m
► My monitors on Amazon - https://amzn.to/3yEafUQ
► My mouse on Amazon - https://amzn.to/4ayzXHn
► My keyboard on Amazon - https://amzn.to/3KkyGZQ
► My monitor arm on Amazon - https://amzn.to/3wRKvDM
► My speakers on Amazon - https://amzn.to/44WPWht
► My coffee machine on Amazon - https://amzn.to/3KjajvH

► My Synology NAS on Amazon - https://amzn.to/4bWZX0u
► My Seagate IronWolf 4TB HDD on Amazon - https://amzn.to/3KjyA4F
► My external SSD drive on Amazon - https://amzn.to/3Kko5hG
► My external HDD drive on Amazon - https://amzn.to/44WQ3tp

► My microphone - https://amzn.to/45191iD
► Audio interface - https://amzn.to/4axuoJq
► Camera - https://amzn.to/3yMSH8M

TIMESTAMPS
0:00 Introduction
0:52 Angular Portal
2:19 Angular Overlay
3:21 Angular Reusable Modal Component
5:58 What is CDK Portal?
6:33 Configuring Angular Material Overlay
8:53 Using Modal
10:59 Does it work with components?

► CHECK MY COURSES - https://monsterlessons-academy.com/co...

MOST POPULAR COURSES
► Javascript interview questions ➡️ https://monsterlessons-academy.com/co...
► Typescript interview questions ➡️ https://monsterlessons-academy.com/co...
► React interview questions ➡️ https://monsterlessons-academy.com/co...
► Angular Interview Questions ➡️ https://monsterlessons-academy.com/co...
► Angular Testing ➡️ https://monsterlessons-academy.com/co...
► React Testing ➡️ https://monsterlessons-academy.com/co...
► Building real project with Angular + NgRx ➡️ https://monsterlessons-academy.com/co...
► Building real NestJS API ➡️ https://monsterlessons-academy.com/co...
► Building real fullstack project ➡️ https://monsterlessons-academy.com/co...
► RxJS Crash Course ➡️ https://monsterlessons-academy.com/co...

CONNECT WITH ME!
► TWITTER -   / monster_lessons  
► INSTAGRAM -   / monsterlessonsacademy  
► TIKTOK -   / monsterlessonsacademy  

REFERENCES
► Source code - https://github.com/monsterlessonsacad...