mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
44 lines
1.1 KiB
HTML
44 lines
1.1 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">
|
|
|
|
<div class="list-header">
|
|
Fruits
|
|
</div>
|
|
|
|
<ion-radio>
|
|
<label>Apple</label>
|
|
<input value="apple" checked="true" type="radio">
|
|
</ion-radio>
|
|
|
|
<ion-radio id="e2eBanana">
|
|
<label>Banana</label>
|
|
<input value="banana" type="radio">
|
|
</ion-radio>
|
|
|
|
<ion-radio>
|
|
<label>Cherry</label>
|
|
<input value="cherry" type="radio">
|
|
</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 primary small>Select Apple</button>
|
|
<button (click)="setBanana()" outline primary small>Select Banana</button>
|
|
<button id="e2eSelectCherry" (click)="setCherry()" outline primary small>Select Cherry</button>
|
|
|
|
</ion-content>
|