Angular Material 8 | Implement Dialog Modal and Pass Data between Parent Component Tutorial by Example

Dialog component is used to show HTML content in floating over the content box. The dialog is used to create a focused area on-screen generally used for data actions like Create, Update data or show alerts and confirmation.

Angular Material also provides Dialog web component which can be easily used and integrated into Angular application. There are a number of options available for Dialog Modal configurations.

Here we will create a new Angular application then install Material to demonstrate How to add Angular Material Dialog in Application with options available also discuss on How to pass data between the parent page and Dialog component.

Continue reading Angular Material 8 | Implement Dialog Modal and Pass Data between Parent Component Tutorial by Example

Angular 8/7 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation

In this guide, we are going to create a datatable grid with Angular Material Table component which will have some basic operations like Add, Update and Delete rows using Dialog component. Continue reading Angular 8/7 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation