Open a dialog over the app's content. Press escape or click outside to close the dialog and send focus back to the triggering button.

Alert Dialog Confirm Dialog Prompt Dialog Custom Dialog Tab Dialog Pre-Rendered Dialog

Note: The Confirm dialog does not use $mdDialog.clickOutsideToClose(true).

{{status}}
Show Pre-Rendered Dialog

Sometimes you may not want to compile the dialogs template on each opening.

Use full screen mode for custom dialog

Allows the dialog to consume all available space on small devices

Pre-Rendered Dialog

This is a pre-rendered dialog, which means that $mdDialog doesn't compile its template on each opening.

The Dialog Element is a static element in the DOM, which is just visually hidden.
Once the dialog opens, we just fetch the element from the DOM into our dialog and upon close we restore the element back into its old DOM position.