javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

no input element in checkbox

Browse Source
This commit is contained in:
Adam Bradley
2015-08-06 12:46:45 -05:00
parent 9968b483a6
commit 563dd8d521
1 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ionic/components/checkbox/checkbox.ts
View File

@ -23,8 +23,9 @@ import {TapClick} from '../button/button';
host: {
'class': 'item',
'role': 'checkbox',
'[attr.aria-checked]': 'input.checked',
'[attr.aria-disabled]': 'input.disabled',
'[attr.tab-index]': 'tabIndex',
'[attr.aria-checked]': 'checked',
'[attr.aria-disabled]': 'disabled',
'[attr.aria-labelledby]': 'labelId',
'(^click)': 'click($event)'
},
@ -33,7 +34,6 @@ import {TapClick} from '../button/button';
@IonicView({
template:
'<div class="item-media media-checkbox">' +
'<input type="checkbox" aria-hidden="true">' +
'<div class="checkbox-icon"></div>' +
'</div>' +
'<div class="item-content" id="{{labelId}}">' +
@ -49,6 +49,7 @@ export class Checkbox extends IonInputItem {
) {
super(elementRef, config);
this.tapClick = tapClick;
this.tabIndex = 0;
this.onChange = (_) => {};
this.onTouched = (_) => {};
@ -63,14 +64,8 @@ export class Checkbox extends IonInputItem {
this.labelId = 'label-' + this.id;
}
onAllChangesDone() {
this.input.checked = this.checked;
this.input.disabled = this.disabled;
this.input.value = this.value;
}
toggle() {
this.input.checked = this.checked = !this.input.checked;
this.checked = !this.checked;
this.onChange(this.checked);
}
@ -82,9 +77,8 @@ export class Checkbox extends IonInputItem {
}
}
// Called by the model (Control) to update the view
writeValue(modelValue) {
this.input.checked = modelValue;
this.checked = modelValue;
}
// Used by the view to update the model (Control)