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

perf(angular): remove duplicated code in value-accessor

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-11-12 16:08:38 +01:00
committed by Manu MA
parent 3ac05214f1
commit bfbbeca389
7 changed files with 96 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
angular/src/directives/control-value-accessors/boolean-value-accessor.ts
View File

@ -1,7 +1,7 @@
import { Directive, ElementRef, HostListener } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { setIonicClasses } from './util/set-ionic-classes';
import { ValueAccessor } from './value-accessor';
@Directive({
/* tslint:disable-next-line:directive-selector */
@ -14,52 +14,14 @@ import { setIonicClasses } from './util/set-ionic-classes';
}
]
})
export class BooleanValueAccessor implements ControlValueAccessor {
export class BooleanValueAccessor extends ValueAccessor {
constructor(private element: ElementRef) {
this.onChange = () => {/**/};
this.onTouched = () => {/**/};
}
onChange: (value: any) => void;
onTouched: () => void;
private lastValue: any;
writeValue(value: any) {
this.element.nativeElement.checked = this.lastValue = value;
setIonicClasses(this.element);
constructor(el: ElementRef) {
super(el);
}
@HostListener('ionChange', ['$event.target.checked'])
_handleIonChange(value: any) {
if (value !== this.lastValue) {
this.lastValue = value;
this.onChange(value);
}
requestAnimationFrame(() => {
setIonicClasses(this.element);
});
}
@HostListener('ionBlur')
_handleBlurEvent() {
this.onTouched();
requestAnimationFrame(() => {
setIonicClasses(this.element);
});
}
registerOnChange(fn: (value: any) => void) {
this.onChange = fn;
}
registerOnTouched(fn: () => void) {
this.onTouched = fn;
}
setDisabledState(isDisabled: boolean) {
this.element.nativeElement.disabled = isDisabled;
this.handleChangeEvent(value);
}
}