md-dialog-close should also have an input for mdDialogClose

[kherock]

Bug, feature request, or proposal:

Request

What is the expected behavior?

Using the dialog close directive should allow the following syntax

<button md-button [mdDialogClose]="true">Okay</button>

What is the current behavior?

Angular complains it can't bind to mdDialogClose since it isn't listed as a valid input

What are the steps to reproduce?

https://plnkr.co/edit/m7e7vFIKKgTiWIwCY7pc?p=preview

What is the use-case or motivation for changing an existing behavior?

I've noticed that across the library, components use kebab-case and directives use camelCase (but also allow kebab-case) for their selectors. I'd like to keep this consistent within my application, but I can't because while [mdDialogClose] is a valid selector, I can't bind a value to it.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Latest

[seba161189]

Try to save the initial value when the dialog is open so you can return if you press close.
COMPONENT
form: FormGroup;
initSalary: number; //in close return this one
constructor(
private formBuilder: FormBuilder,
public dialogRef: MatDialogRef,
@Inject(MAT_DIALOG_DATA) private data
) {}

ngOnInit() {
this.form = this.formBuilder.group({
salary: this.data ? this.data.salary : ''
});

this.initSalary = this.form.value.salary;

}

submit(form) {
this.dialogRef.close(${form.value.salary});
}

close() {
this.dialogRef.close(this.initSalary);
}
}

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}