Angular 14 Project to Show List Data in Material Dialog Popup Window on Button Click in Browser Using TypeScript

 

 

ng new angulardialog

 

 

cd angulardialog

 

 

ng add @angular/material

 

 

app.module.ts

 

 

 

 

app.component.html

 

 

 

 

app.component.ts

 

 

 

 

 

 

 

Popup Window Events

 

 

 

 

Full Screen Popup Dialog Window

 

 

 

 

Now add the below styles inside the app.component.css file as shown below

 

 

 

Leave a Reply