We open a dialog box of angular material with disabled property like:

   const dialogReff = this.dialog.open(DialogComponent, {
            width: '1000px',
            backdropClass: 'cdk-overlay-transparent-backdrop',
            hasBackdrop: false,
        });

But i clicked button n time than n dialog box has opened. i have n modal at time in page. How to restrict this ? I want only open one dialog box at a time .

Please click to see image for reference