mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
radio
This commit is contained in:
@@ -5,26 +5,20 @@
|
||||
|
||||
<form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
|
||||
<div class="list-header">
|
||||
Fruit Group 1
|
||||
Fruits
|
||||
</div>
|
||||
|
||||
<ion-radio-group ng-control-group="fruitGroup1">
|
||||
<ion-radio><label>APPLE</label><input #apple type="radio" ng-control="appleCtrl"></ion-radio>
|
||||
<ion-radio><label>BANANA</label><input #banana type="radio" ng-control="bananaCtrl"></ion-radio>
|
||||
<ion-radio-group ng-control="fruits">
|
||||
<ion-radio><label>APPLE</label><input value="apple" type="radio"></ion-radio>
|
||||
<ion-radio><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>
|
||||
|
||||
appleCtrl.dirty: {{fruitsForm.controls.fruitGroup1.controls.appleCtrl.dirty}}<br>
|
||||
|
||||
<div class="list-header">
|
||||
Fruit Group 2
|
||||
</div>
|
||||
<ion-radio-group ng-control-group="fruitGroup2">
|
||||
<ion-radio><label>GRAPE</label><input #grape name="test" type="radio" ng-control="grapeCtrl"></ion-radio>
|
||||
<ion-radio><label>CHERRY</label><input #cherry name="test" type="radio" ng-control="cherryCtrl"></ion-radio>
|
||||
</ion-radio-group>
|
||||
|
||||
|
||||
fruits.dirty: {{fruitsForm.controls.fruits.dirty}}<br>
|
||||
fruits.value: {{fruitsForm.controls.fruits.value}}<br>
|
||||
</form>
|
||||
|
||||
<button (click)="setApple()">Select Apple</button>
|
||||
<button (click)="setBanana()">Select Banana</button>
|
||||
<button (click)="setCherry()">Select Cherry</button>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
||||
Reference in New Issue
Block a user