Use your custom component inside Angular Material Dialog
//just add your component here
openDialog() {
const dialogRef = this.dialog.open(
mycomponent///just put your component here
);
dialogRef.afterClosed().subscribe(result => {
console.log(`Dialog result: ${result}`);
});
}
the rest of the code are in https://material.angular.io/components/dialog/examples