javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): add action sheet interface to select demo

Browse Source 
references driftyco/ionic-site/#568
This commit is contained in:
Brandy Carney
2016-04-22 16:38:26 -04:00
parent 08abde2f29
commit a00fe76000
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demos/select/index.ts
View File

@@ -10,6 +10,8 @@ class MainPage {
petAlertOpts;
petData;
pets: Array<string>;
notifications: string = 'mute_1';
rating: number = 2;
constructor() {
this.gender = 'f';

26
demos/select/main.html
View File

@@ -95,4 +95,30 @@
</ion-list>
<ion-list>
<ion-list-header>Action Sheet Interface Select</ion-list-header>
<ion-item>
<ion-label>Mute Notifications</ion-label>
<ion-select [(ngModel)]="notifications" interface="action-sheet">
<ion-option value="mute_15">For 15 Minutes</ion-option>
<ion-option value="mute_1">For 1 Hour</ion-option>
<ion-option value="mute_23">For 24 Hours</ion-option>
<ion-option value="mute_inf">Until I turn it back on</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Rating</ion-label>
<ion-select [(ngModel)]="rating" interface="action-sheet">
<ion-option value="1">1 Star</ion-option>
<ion-option value="2">2 Stars</ion-option>
<ion-option value="3">3 Stars</ion-option>
<ion-option value="4">4 Stars</ion-option>
<ion-option value="5">5 Stars</ion-option>
</ion-select>
</ion-item>
</ion-list>
</ion-content>