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

feat(checkbox): add change event

Browse Source 
Related #5513
This commit is contained in:
Adam Bradley
2016-02-20 21:45:37 -06:00
parent 5c677dc583
commit 2596731e91
4 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import {Component, Optional, Input, HostListener, Provider, forwardRef} from 'angular2/core';
import {Component, Optional, Input, Output, EventEmitter, HostListener, Provider, forwardRef} from 'angular2/core';
import {NG_VALUE_ACCESSOR} from 'angular2/common';
import {Form} from '../../util/form';
@ -72,6 +72,11 @@ export class Checkbox {
*/
id: string;
/**
* @output {Checkbox} expression to evaluate when the checkbox value changes
*/
@Output() change: EventEmitter<Checkbox> = new EventEmitter();
constructor(
private _form: Form,
@Optional() private _item: Item
@ -113,8 +118,11 @@ export class Checkbox {
* @private
*/
private _setChecked(isChecked: boolean) {
this._checked = isChecked;
this._item && this._item.setCssClass('item-checkbox-checked', isChecked);
if (isChecked !== this._checked) {
this._checked = isChecked;
this.change.emit(this);
this._item && this._item.setCssClass('item-checkbox-checked', isChecked);
}
}
/**
@ -158,7 +166,12 @@ export class Checkbox {
/**
* @private
*/
onChange(_) {}
onChange(isChecked: boolean) {
// used when this input does not have an ngModel or ngControl
console.debug('checkbox, onChange (no ngModel)', isChecked);
this._setChecked(isChecked);
this.onTouched();
}
/**
* @private