diff --git a/demos/modal/index.ts b/demos/modal/index.ts
index 947ceb78db..9603703f0e 100644
--- a/demos/modal/index.ts
+++ b/demos/modal/index.ts
@@ -1,4 +1,4 @@
-import {App, IonicView, IonicApp, Config, Platform} from 'ionic/ionic';
+import {App, Page, IonicApp, Config, Platform} from 'ionic/ionic';
import {Modal, ActionSheet, NavController, NavParams, Animation} from 'ionic/ionic';
@@ -39,7 +39,7 @@ class MyAppCmp {
}
}
-@IonicView({
+@Page({
template: ''
})
export class ContactModal {
@@ -71,7 +71,7 @@ export class ContactModal {
}
-@IonicView({
+@Page({
template: `
First Page Header
@@ -82,7 +82,7 @@ export class ContactModal {
-
+
@@ -109,7 +109,8 @@ export class ModalFirstPage {
modal.close();
}
- closeByHandeModal() {
+ closeByHandleModal() {
+ debugger;
let modal = this.modal.get('my-awesome-modal');
modal.close();
}
@@ -141,7 +142,7 @@ export class ModalFirstPage {
}
-@IonicView({
+@Page({
template: `
Second Page Header
diff --git a/demos/modal/main.html b/demos/modal/main.html
index 276a89ca1e..4bd4fe9ff6 100644
--- a/demos/modal/main.html
+++ b/demos/modal/main.html
@@ -1,4 +1,9 @@
+
+ Modals
+
+
+