refactor(input): place inputs inside of ion-item

This commit is contained in:
Adam Bradley
2016-01-20 21:41:54 -06:00
parent e4b200639e
commit b3a7298a52
60 changed files with 2528 additions and 1727 deletions

View File

@@ -1,30 +1,36 @@
<ion-toolbar><ion-title>Select Item: Multiple Value</ion-title></ion-toolbar>
<ion-toolbar>
<ion-title>Select Item: Multiple Value</ion-title>
</ion-toolbar>
<ion-content class="outer-content">
<ion-select [(ngModel)]="toppings" multiple="true" cancelText="Nah" okText="Okay!">
<ion-item>
<ion-label>Toppings</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)]="toppings" multiple="true" cancelText="Nah" okText="Okay!">
<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-item>
<ion-select [(ngModel)]="carOptions" multiple="true">
<ion-item>
<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>
<ion-select [(ngModel)]="carOptions" multiple="true">
<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>
</ion-item>
<p aria-hidden="true" padding>
<code>toppings: {{toppings}}</code><br>