javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): prettify nav params demo

Browse Source
This commit is contained in:
Brandy Carney
2016-01-28 11:33:56 -05:00
parent 603d1c6e16
commit 58dfa3d913
3 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
demos/nav-params/app.html
View File

@ -1,2 +1 @@
<ion-nav id="nav" [root]="rootPage" #content></ion-nav>
<ion-overlay></ion-overlay>

10
demos/nav-params/main.html
View File

@ -3,12 +3,16 @@
</ion-navbar>
<ion-content>
<ion-list>
<ion-list no-margin>
<ion-list-header>
Enter Parameters to Pass to the Next Page
</ion-list-header>
<ion-item>
<ion-input placeholder="Enter Parameters" [(ngModel)]="myParam" style="width: 100%"></ion-input>
<ion-label>Parameters</ion-label>
<ion-input placeholder="Enter Parameters" [(ngModel)]="myParam"></ion-input>
</ion-item>
</ion-list>
<div padding>
<button secondary block (click)="pushParams()">Push Parameters</button>
<button secondary block (click)="pushParams()">Navigate with Parameters</button>
</div>
</ion-content>

10
demos/nav-params/page-2.html
View File

@ -1,7 +1,13 @@
<ion-navbar *navbar>
<ion-title>Modals</ion-title>
<ion-title>Nav Params</ion-title>
</ion-navbar>
<ion-content padding>
<div>Parameters entered: {{myParam}}</div>
<div [hidden]="!myParam">
<h5>Parameters passed:</h5>
<p>{{myParam}}</p>
</div>
<div [hidden]="myParam">
<p>No parameters passed.</p>
</div>
</ion-content>