Error occurring in Angular Material Dialog Popup

Question

I have been trying to put Modal popup in my site using Angular Material Dialog, 1st time it all came perfect But it started to show error after..

I have imported the MatDialogModule in moduleTs import { MatDialogModule } from '@angular/material/dialog'; also declared in imports

In ComponentTs:

constructor(public dialog: MatDialogModule) {};
  ngOnInit() {
  }
  openDialog(){
    this.dialog.open(DialogStudyModeComponent);
  }

the error shown was : Property 'open' does not exist on type 'MatDialogModule'.

45 this.dialog.open(DialogStudyModeComponent);

question from:https://stackoverflow.com/questions/66062284/error-occurring-in-angular-material-dialog-popup

Answer 1

you importing the wrong dialog.

MatDialogModule is to be put in your module.

MatDialog is for your component.

So:

  import {MatDialog} from '@angular/material/dialog';

  constructor(public dialog: MatDialog) {}
  openDialog() {
      this.dialog.open(DialogStudyModeComponent);
  }