From 4f9a639b0576de16335ea64b6857ab9ecff6f09a Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Tue, 8 Dec 2015 11:20:56 -0600
Subject: [PATCH] docs(demos): nav param demo

---
 demos/nav-params/app.html    |  2 ++
 demos/nav-params/index.ts    | 41 ++++++++++++++++++++++++++++++++++++
 demos/nav-params/main.html   | 14 ++++++++++++
 demos/nav-params/page-2.html |  7 ++++++
 4 files changed, 64 insertions(+)
 create mode 100644 demos/nav-params/app.html
 create mode 100644 demos/nav-params/index.ts
 create mode 100644 demos/nav-params/main.html
 create mode 100644 demos/nav-params/page-2.html

diff --git a/demos/nav-params/app.html b/demos/nav-params/app.html
new file mode 100644
index 0000000000..5f6bb33d68
--- /dev/null
+++ b/demos/nav-params/app.html
@@ -0,0 +1,2 @@
+<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
+<ion-overlay></ion-overlay>
\ No newline at end of file
diff --git a/demos/nav-params/index.ts b/demos/nav-params/index.ts
new file mode 100644
index 0000000000..6330c786b8
--- /dev/null
+++ b/demos/nav-params/index.ts
@@ -0,0 +1,41 @@
+import {App, Page, IonicApp, Config, Platform} from 'ionic/ionic';
+import {NavController, NavParams} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'app.html'
+})
+class ApiDemoApp {
+
+  constructor() {
+    this.rootPage = InitialPage;
+  }
+}
+
+@Page({
+  templateUrl: 'main.html'
+})
+export class InitialPage {
+  constructor(nav: NavController) {
+    this.nav = nav;
+    this.myParam = '';
+  }
+
+  pushParams() {
+    this.nav.push(Page2, { 'myParam': this.myParam });
+  }
+}
+
+@Page({
+    templateUrl: "page-2.html"
+})
+export class Page2 {
+    constructor(
+        nav: NavController,
+        params: NavParams
+    ) {
+        this.nav = nav;
+        this.myParam = params.get('myParam');
+    }
+}
+
diff --git a/demos/nav-params/main.html b/demos/nav-params/main.html
new file mode 100644
index 0000000000..0a74f8923d
--- /dev/null
+++ b/demos/nav-params/main.html
@@ -0,0 +1,14 @@
+<ion-navbar *navbar>
+  <ion-title>Nav Params</ion-title>
+</ion-navbar>
+
+<ion-content padding>
+  <ion-row>
+    <ion-input style="width: 100%">
+      <input type="text" placeholder="Params" [(ng-model)]="myParam">
+    </ion-input>
+  </ion-row>
+  <ion-row>
+    <button secondary full block (click)="pushParams()">Push Params</button>    
+  </ion-row>
+<ion-content>
diff --git a/demos/nav-params/page-2.html b/demos/nav-params/page-2.html
new file mode 100644
index 0000000000..db862a8a57
--- /dev/null
+++ b/demos/nav-params/page-2.html
@@ -0,0 +1,7 @@
+<ion-navbar *navbar>
+  <ion-title>Modals</ion-title>
+</ion-navbar>
+
+<ion-content padding>
+  <div>Parameters entered: {{myParam}}</div>
+</ion-content>