mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
51 lines
1.7 KiB
HTML
51 lines
1.7 KiB
HTML
|
|
<ion-toolbar><ion-title>Checkboxes</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<form (^submit)="doSubmit($event)" [ng-form-model]="fruitsForm">
|
|
|
|
<ion-list>
|
|
|
|
<ion-checkbox ng-control="appleCtrl">
|
|
<label id="appleLabel">Apple</label>
|
|
<input checked type="checkbox">
|
|
</ion-checkbox>
|
|
|
|
<ion-checkbox ng-control="bananaCtrl">
|
|
<label>Banana</label>
|
|
<input value="test" type="checkbox">
|
|
</ion-checkbox>
|
|
|
|
<ion-checkbox ng-control="cherryCtrl">
|
|
<label>Cherry</label>
|
|
<input type="checkbox">
|
|
</ion-checkbox>
|
|
|
|
<ion-checkbox ng-control="grapeCtrl">
|
|
<label>Grape</label>
|
|
<input value="test" checked="checked" type="checkbox">
|
|
</ion-checkbox>
|
|
|
|
<ion-list>
|
|
|
|
</form>
|
|
|
|
<p>
|
|
<code>appleCtrl.dirty: {{fruitsForm.controls.appleCtrl.dirty}}</code><br>
|
|
<code>appleCtrl.value: {{fruitsForm.controls.appleCtrl.value.value}}</code><br>
|
|
<code>appleCtrl.checked: {{fruitsForm.controls.appleCtrl.value.checked}}</code><br>
|
|
<code>bananaCtrl.dirty: {{fruitsForm.controls.bananaCtrl.dirty}}</code><br>
|
|
<code>bananaCtrl.value: {{fruitsForm.controls.bananaCtrl.value.value}}</code><br>
|
|
<code>bananaCtrl.checked: {{fruitsForm.controls.bananaCtrl.value.checked}}</code><br>
|
|
<code>cherry.dirty: {{fruitsForm.controls.cherryCtrl.dirty}}</code><br>
|
|
<code>cherry.value: {{fruitsForm.controls.cherryCtrl.value.value}}</code><br>
|
|
<code>cherry.checked: {{fruitsForm.controls.cherryCtrl.value.checked}}</code><br>
|
|
<code>grape.dirty: {{fruitsForm.controls.grapeCtrl.dirty}}</code><br>
|
|
<code>grape.value: {{fruitsForm.controls.grapeCtrl.value.value}}</code><br>
|
|
<code>grape.checked: {{fruitsForm.controls.grapeCtrl.value.checked}}</code><br>
|
|
</p>
|
|
|
|
</ion-content>
|