diff --git a/src/demo-app/dialog/dialog-demo.html b/src/demo-app/dialog/dialog-demo.html
index 53734bbbfdff..0391728e7cca 100644
--- a/src/demo-app/dialog/dialog-demo.html
+++ b/src/demo-app/dialog/dialog-demo.html
@@ -46,7 +46,15 @@
Other options
- Disable close
+
+
+
+
+
+
+
+ Disable close
+
diff --git a/src/demo-app/dialog/dialog-demo.ts b/src/demo-app/dialog/dialog-demo.ts
index 5e91c097f9aa..3c4475487502 100644
--- a/src/demo-app/dialog/dialog-demo.ts
+++ b/src/demo-app/dialog/dialog-demo.ts
@@ -1,6 +1,7 @@
import {Component, Inject} from '@angular/core';
import {DOCUMENT} from '@angular/platform-browser';
-import {MdDialog, MdDialogRef, MdDialogConfig} from '@angular/material';
+import {MdDialog, MdDialogRef, MdDialogConfig, MD_DIALOG_DATA} from '@angular/material';
+
@Component({
moduleId: module.id,
@@ -21,6 +22,9 @@ export class DialogDemo {
bottom: '',
left: '',
right: ''
+ },
+ data: {
+ message: 'Jazzy jazz jazz'
}
};
@@ -41,7 +45,7 @@ export class DialogDemo {
openJazz() {
this.dialogRef = this.dialog.open(JazzDialog, this.config);
- this.dialogRef.afterClosed().subscribe(result => {
+ this.dialogRef.afterClosed().subscribe((result: string) => {
this.lastCloseResult = result;
this.dialogRef = null;
});
@@ -59,13 +63,13 @@ export class DialogDemo {
template: `
It's Jazz!
- {{ jazzMessage }}
+ {{ data.message }}
`
})
export class JazzDialog {
- jazzMessage = 'Jazzy jazz jazz';
-
- constructor(public dialogRef: MdDialogRef) { }
+ constructor(
+ public dialogRef: MdDialogRef,
+ @Inject(MD_DIALOG_DATA) public data: any) { }
}
@@ -104,7 +108,7 @@ export class JazzDialog {
color="primary"
href="https://en.wikipedia.org/wiki/Neptune"
target="_blank">Read more on Wikipedia
-
+