angular 2: prevent user to click outside the modal dialog

Question

I want to prevent from the user to click outside the modal dialog and he only can press on the button to exit from the dialog. how can I do that? dialog.component.ts ``` ngOnInit() { const dialogRef = this.dialog.open(DialogResultComponent); dialogRef.afterClosed().subscribe(result => { console.log(result); }); ``` } dialog-result.component.ts ``` import { Component, OnInit } from '@angular/core'; import { MdDialog, MdDialogRef } from '@angular/material'; import { FormGroup,FormControl,Validators,FormBuilder, } from '@angular/forms'; @Component({ selector: 'app-dialog-result', templateUrl: './dialog-result.component.html', }) export class DialogResultComponent { form: FormGroup; name = new FormControl('',Validators.required); width = new FormControl('',Validators.required); height = new FormControl('',Validators.required); constructor(public dialogRef: MdDialogRef<DialogResultComponent>,private fb: FormBuilder) { } ngOnInit() { this.form = this.fb.group({ 'name' :this.name, 'width': t…

Accepted Answer

Adding a demo too as Mike said,

```
openDialog() {
    let dialogRef = this.dialog.open(DialogResultExampleDialog,{disableClose:true});
    dialogRef.afterClosed().subscribe(result => {
      this.selectedOption = result;
    });
  }
```

LIVE DEMO

angular 2: prevent user to click outside the modal dialog

Solution

Problem