docs(demos): close popup, actionSheet, modal when page leaves

Closes #311

demos/component-docs/actionSheet/actionSheet.ts

@@ -65,4 +65,11 @@ export class ActionSheetPage {
     });
   }
 
+  onPageWillLeave() {
+    let actionSheet = this.actionSheet.get();
+    if (actionSheet) {
+      actionSheet.close();
+    }
+  }
+
 }

demos/component-docs/modals/modals.ts

@@ -50,7 +50,14 @@ class ModalsContentPage {
   template: '<ion-nav [root]="rootView"></ion-nav>'
 })
 export class ModalsPage {
-  constructor() {
+  constructor(modal: Modal) {
     this.rootView = ModalsFirstPage;
+    this.modal = modal;
+  }
+  onPageWillLeave() {
+    let modal = this.modal.get();
+    if (modal) {
+      modal.close();
+    }
   }
 }

demos/component-docs/popups/popups.ts

@@ -15,9 +15,9 @@ export class PopupsPage {
 
   doAlert() {
     this.popup.alert({
-      title: "New Friend!",
-      template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
-      cssClass: 'my-alert'
+        title: "New Friend!",
+        template: "Your friend, Obi wan Kenobi, just accepted your friend request!",
+        cssClass: 'my-alert'
     });
   }
 
@@ -39,4 +39,13 @@ export class PopupsPage {
       okText: "Agree"
     });
   }
+
+  onPageWillLeave() {
+    let popup = this.popup.get();
+    // only try to close if there is an active popup
+    if (popup) {
+      popup.close();
+    }
+  }
+
 }