1<ion-list>
2 <ion-list-header>
3 <ion-label>
4 Single Selection
5 </ion-label>
6 </ion-list-header>
7
8 <ion-item>
9 <ion-label>Gender</ion-label>
10 <ion-select placeholder="Select One">
11 <ion-select-option value="f">Female</ion-select-option>
12 <ion-select-option value="m">Male</ion-select-option>
13 </ion-select>
14 </ion-item>
15
16 <ion-item>
17 <ion-label>Hair Color</ion-label>
18 <ion-select value="brown" okText="Okay" cancelText="Dismiss">
19 <ion-select-option value="brown">Brown</ion-select-option>
20 <ion-select-option value="blonde">Blonde</ion-select-option>
21 <ion-select-option value="black">Black</ion-select-option>
22 <ion-select-option value="red">Red</ion-select-option>
23 </ion-select>
24 </ion-item>
25
26</ion-list>
1<ion-select placeholder="Select One">
2 <ion-select-option value="f">Female</ion-select-option>
3 <ion-select-option value="m">Male</ion-select-option>
4</ion-select>
1<ion-select >
2 <ion-select-option *ngFor="let country of countries" value="{{ country.name }}">
3 {{ country.name }}
4 </ion-select-option>
5</ion-select>
1 <ion-select >
2 <ion-select-option *ngFor="let country of countries" value="{{ country.name }}">
3 {{ country.name }}
4 </ion-select-option>
5 </ion-select>