title: Angular material popup is not working?
body: <p>login.component.ts</p>
  
  <pre><code>import { Component, OnInit,ViewChild , Inject} from '@angular/core';
  import { Login }    from './login';
  import {MatPaginator, MatSort, MatTableDataSource, MatDialog,MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';
  @Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
  })
  
  
  export class LoginComponent {
  
    animal: string;
    name: string;
  
    constructor(public dialog: MatDialog) {}
  
    openDialog(): void {
      let dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
        width: '250px',
        data: { name: this.name, animal: this.animal }
      });
  
      dialogRef.afterClosed().subscribe(result =&gt; {
        console.log('The dialog was closed');
        this.animal = result;
      });
    }
  
  }
  
  @Component({
    selector: 'app-login',
    templateUrl: 'dialog-overview-example-dialog.html',
  })
  export class DialogOverviewExampleDialog {
  
    constructor(
      public dialogRef: MatDialogRef&lt;DialogOverviewExampleDialog&gt;,
      @Inject(MAT_DIALOG_DATA) public data: any) { }
  
    onNoClick(): void {
      this.dialogRef.close();
    }
  
  }
  </code></pre>
  
  <p>Above i have added my code i am getting below error when i run application any one help me out move forward</p>
  
  <pre><code>ERROR Error: No component factory found for DialogOverviewExampleDialog. Did you add it to @NgModule.entryComponents?
      at noComponentFactoryError (core.js:3901)
         LoginComponent.html:101 ERROR CONTEXT 
  </code></pre>
  
  <p>how to resolve this issue ...
  i followed this </p>
  
  <p><a href="https://material.angular.io/components/dialog/overview" rel="nofollow noreferrer">https://material.angular.io/components/dialog/overview</a></p>