mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
d563aa65a3
BREAKING CHANGES: Renamed all Ionic events to start with `ion`. The following events were renamed: - **Checkbox** - `change` -> `ionChange` - **DateTime** - `change` -> `ionChange` - `cancel` -> `ionCancel` - **InfiniteScroll** - `infinite` -> `ionInfinite` - **Menu** - `opening` -> `ionDrag` - `opened` -> `ionOpen` - `closed` -> `ionClose` - **Option** - `select` -> `ionSelect` - **Picker** - `change` -> `ionChange` - **RadioButton** - `select` -> `ionSelect` - **RadioGroup** - `change` -> `ionChange` - **Refresher** - `refresh` -> `ionRefresh` - `pulling` -> `ionPull` - `start` -> `ionStart` - **Searchbar** - `input` -> `ionInput` - `blur` -> `ionBlur` - `focus` -> `ionFocus` - `cancel` -> `ionCancel` - `clear` -> `ionClear` - **Segment** - `change` -> `ionChange` - `select` -> `ionSelect` - **Select** - `change` -> `ionChange` - `cancel` -> `ionCancel` - **Slides** - `willChange` -> `ionWillChange` - `didChange` -> `ionDidChange` - `move` -> `ionDrag` - **TabButton** - `select` -> `ionSelect` - **Tab** - `select` -> `ionSelect` - **Tabs** - `change` -> `ionChange` - **Toggle** - `change` -> `ionChange` Closes #6568
80 lines
1.6 KiB
HTML
80 lines
1.6 KiB
HTML
<ion-toolbar>
|
|
<ion-title>Radio</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content class="outer-content">
|
|
<ion-list radio-group>
|
|
<ion-list-header>
|
|
Language
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>Python</ion-label>
|
|
<ion-radio checked="true"></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Ruby</ion-label>
|
|
<ion-radio></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Java</ion-label>
|
|
<ion-radio></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>PHP</ion-label>
|
|
<ion-radio></ion-radio>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list radio-group>
|
|
<ion-list-header>
|
|
Auto-Lock
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>Enable "Never"</ion-label>
|
|
<ion-toggle (ionChange)="isDisabled = !isDisabled"></ion-toggle>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>1 Minute</ion-label>
|
|
<ion-radio></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>2 Minutes</ion-label>
|
|
<ion-radio checked></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>5 Minutes</ion-label>
|
|
<ion-radio></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Never</ion-label>
|
|
<ion-radio [disabled]="isDisabled"></ion-radio>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list radio-group>
|
|
<ion-list-header>
|
|
Silence
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>Always</ion-label>
|
|
<ion-radio></ion-radio>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Only while phone is locked</ion-label>
|
|
<ion-radio checked="true"></ion-radio>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</ion-content>
|