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

Опубликовано: 28 Август 2023
на канале: PROgrammer Rohan
1,043
18

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/folder...

Complete Login Form Playlist:    • Complete Login Form (Angular 13 and A...  

How to make Expandable Side-Nav in Angular :    • Header and Expandable Side Nav in Ang...  

Employee Management System in Angular:    • Angular 13 CRUD | Employee Management...  

Home Expense Manager :    • Angular 13 - Home Expense Manager Fro...  

Typing-Test Website :    • Let's Build a Typing Test Website in ...  

Dynamic Components:    • How to Create Dynamic Components in A...  

E-Commerce Website :    • Angular 14 E-Commerce Website ASP.NET...  

News Website :    • Fully Responsive News Website in Angu...  

Portfolio Website :    • Modern Portfolio Website in Angular 1...  

Library Management Website:    • Angular 15 Library Management System ...  

Dynamic Tabs:    • Dynamic Tabs in Angular 16 | No Angul...  

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