mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
45 lines
1.0 KiB
HTML
45 lines
1.0 KiB
HTML
|
|
<ion-toolbar><ion-title>Radio Group</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
|
|
|
|
<ion-radio-group ng-control="fruits">
|
|
|
|
<ion-header>
|
|
Fruits
|
|
</ion-header>
|
|
|
|
<ion-radio value="apple" checked="true">
|
|
Apple
|
|
</ion-radio>
|
|
|
|
<ion-radio value="banana" id="e2eBanana">
|
|
Banana
|
|
</ion-radio>
|
|
|
|
<ion-radio value="cherry" secondary>
|
|
Cherry (secondary color)
|
|
</ion-radio>
|
|
|
|
<ion-radio value="disabled" disabled="true">
|
|
Disabled
|
|
</ion-radio>
|
|
|
|
</ion-radio-group>
|
|
|
|
<p>
|
|
<code>fruits.dirty: {{fruitsForm.controls.fruits.dirty}}</code><br>
|
|
<code>fruits.value: {{fruitsForm.controls.fruits.value}}</code><br>
|
|
</p>
|
|
|
|
</form>
|
|
|
|
<button (click)="setApple()" outline small>Select Apple</button>
|
|
<button (click)="setBanana()" outline small>Select Banana</button>
|
|
<button id="e2eCherry" (click)="setCherry()" outline small>Select Cherry</button>
|
|
|
|
</ion-content>
|