feat(select): ion-select using alert radio/checkbox options

Closes #890 Closes #826 Closes #886
This commit is contained in:
Adam Bradley
2016-01-08 16:25:58 -06:00
parent 471f0f5df9
commit 270fca0c50
23 changed files with 658 additions and 75 deletions

View File

@@ -0,0 +1 @@

View File

@@ -0,0 +1,17 @@
import {App, Page} from 'ionic/ionic';
@Page({
templateUrl: 'main.html'
})
class E2EPage {}
@App({
template: '<ion-nav [root]="root"></ion-nav>'
})
class E2EApp {
constructor() {
this.root = E2EPage;
}
}

View File

@@ -0,0 +1,34 @@
<ion-toolbar><ion-title>Select Item: Multiple Value</ion-title></ion-toolbar>
<ion-content class="outer-content">
<ion-select [(ngModel)]="topings" multiple="true">
<ion-label>Topings</ion-label>
<ion-option value="bacon">Bacon</ion-option>
<ion-option value="olives">Black Olives</ion-option>
<ion-option value="xcheese">Extra Cheese</ion-option>
<ion-option value="peppers">Green Peppers</ion-option>
<ion-option value="mushrooms">Mushrooms</ion-option>
<ion-option value="onions">Onions</ion-option>
<ion-option value="pepperoni">Pepperoni</ion-option>
<ion-option value="pineapple">Pineapple</ion-option>
<ion-option value="Sausage">Sausage</ion-option>
<ion-option value="Spinach">Spinach</ion-option>
</ion-select>
<ion-select [(ngModel)]="carOptions" multiple="true">
<ion-label>Car Options</ion-label>
<ion-option value="backupcamera">Backup Camera</ion-option>
<ion-option value="heatedseats">Headted Seats</ion-option>
<ion-option value="keyless">Keyless Entry</ion-option>
<ion-option value="navigation">Navigation</ion-option>
<ion-option value="parkingassist">Parking Assist</ion-option>
<ion-option value="sunroof">Sun Roof</ion-option>
</ion-select>
<p aria-hidden="true" padding>
<code>topings: {{topings}}</code><br>
<code>carOptions: {{carOptions}}</code><br>
</p>
</ion-content>