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

docs(demos): prettifying local-storage demo

Browse Source
This commit is contained in:
Brandy Carney
2016-01-27 17:04:14 -05:00
parent a676d7d0f3
commit 8bc853f681
1 changed files with 43 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
demos/local-storage/main.html
View File

@ -2,49 +2,54 @@
<ion-title>Local Storage</ion-title> <ion-title>Local Storage</ion-title>
</ion-navbar> </ion-navbar>
<ion-content padding> <ion-content class="local-storage-demo outer-content">
<ion-list no-margin>
<ion-list-header>Add to Local Storage</ion-list-header>
<ion-row>
<ion-col width-33>
<ion-item> <ion-item>
<ion-input type="text" placeholder="Key" [(ngModel)]="myItem.key"></ion-input> <ion-label>Key</ion-label>
<ion-input type="text" placeholder="Enter a key" [(ngModel)]="myItem.key"></ion-input>
</ion-item> </ion-item>
</ion-col>
<ion-col width-33>
<ion-item> <ion-item>
<ion-input type="text" placeholder="Value" [(ngModel)]="myItem.value"></ion-input> <ion-label>Value</ion-label>
<ion-input type="text" placeholder="Enter a Value" [(ngModel)]="myItem.value"></ion-input>
</ion-item> </ion-item>
</ion-col>
<ion-col width-34> </ion-list>
<button full secondary (click)="set()">
<div padding>
<button block secondary (click)="set()">
<ion-icon name="add"></ion-icon> <ion-icon name="add"></ion-icon>
set() Add
</button> </button>
</ion-col> </div>
</ion-row>
<ion-row> <ion-list no-margin>
<ion-list-header>Delete from Local Storage</ion-list-header>
<ion-col width-33>
<ion-item> <ion-item>
<ion-input type="text" placeholder="Key" [(ngModel)]="delKey"></ion-input> <ion-label>Key</ion-label>
<ion-input type="text" placeholder="Enter a Key" [(ngModel)]="delKey"></ion-input>
</ion-item> </ion-item>
</ion-col> </ion-list>
<ion-col width-34 offset-33> <div padding>
<button full danger (click)="remove()"> <button block danger (click)="remove()">
<ion-icon name="remove"></ion-icon> <ion-icon name="remove"></ion-icon>
remove() Delete
</button> </button>
</ion-col> </div>
</ion-row>
<ion-row> <div padding>
<b>Local Storage:</b> <h2>Local Storage:</h2>
<ion-col> <pre>local: {{ localStorageDemo }}</pre>
{{localStorageDemo}} </div>
</ion-col>
</ion-row>
</ion-content> </ion-content>
<style>
.local-storage-demo pre {
background: #f8f8f8;
}
</style>