Back to Browse

How to make Modal Service from scratch in Angular 16? | Without Angular Material

1.2K views
Aug 28, 2023
38:19

About the Video-------------------------- In this Video, I have built a Angular 16 Modals System. This Angular component has in built Modals, where we can display different modals depending on request sent. In this Website, I have created Modal Component: This will be used to display different modals. Modal Service: This will be used to send request for which modal to display. Modal Service Library: This will be used to import modal service anywhere in app. All this will happen without refreshing web page. If you Like the Video please Like, Share and Subscribe. TimeStamps - 00:00 - Overview of Website. 03:27 - Setup 07:35 - Basic Structure of Website. 09:50 - Desiging modal UI. 17:50 - Creating Modal Service 27:45 - Dynamic Content on Modal 30:50 - Getting response from Modal. 34:32 - Animation on Modal. Links------------------------- Source Code : https://drive.google.com/drive/folders/1X6g7ByUiDPHshYQ2BM0GIEiBS0XmJg8x?usp=sharing Complete Login Form Playlist: https://www.youtube.com/playlist?list=PLLmMdhSVZXLKq2ZrJbcOUyPCveCy5vFiP How to make Expandable Side-Nav in Angular : https://youtu.be/OPt87w9WuZo Employee Management System in Angular: https://youtu.be/9FP2ZE9zlBI Home Expense Manager : https://youtu.be/lUBQr1ZLTnw Typing-Test Website : https://youtu.be/tdkkxcIfNT8 Dynamic Components: https://youtu.be/GE_lxrbFNtI E-Commerce Website : https://youtu.be/uq1KGWz-L44 News Website : https://youtu.be/r2uvV2SYszs Portfolio Website : https://youtu.be/RR_kLSEvW74 Library Management Website: https://youtu.be/Mh_pnH0x_fI Dynamic Tabs: https://youtu.be/ZPU1dbw_t6w Tags--------- #programming, #programmingtutorials, #tutorials, #frontend, #backend #angular, #angularecommerce, #ecommercewebsite, #modernwebsite, #angular, #angularecommerce, #ecommercewebsite, #modernwebsite, #angular13, #angular14, #angularproject, #angularwebsite, #frontend, #backend, #fullstackwebsite, #html, #css, #typescript #modals, #modalservice, #warning, #information, #confirmationbox

Download

0 formats

No download links available.

How to make Modal Service from scratch in Angular 16? | Without Angular Material | NatokHD