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

feat(value-accessors): set ionic classes

Browse Source
This commit is contained in:
Ken Sodemann
2018-02-16 17:12:12 -06:00
parent 0fd0d1f654
commit cc59a4e1fb
6 changed files with 79 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/angular/src/control-value-accessors/text-value-accessor.ts
View File

@ -1,6 +1,8 @@
import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { setIonicClasses } from './util/set-ionic-classes';
@Directive({
/* tslint:disable-next-line:directive-selector */
selector: 'ion-input:not([type=number]),ion-textarea,ion-searchbar',
@ -14,8 +16,8 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
})
export class TextValueAccessor implements ControlValueAccessor {
constructor(private element: ElementRef, private renderer: Renderer2) {
this.onChange = () => {};
this.onTouched = () => {};
this.onChange = () => { };
this.onTouched = () => { };
}
onChange: (value: any) => void;
@ -23,16 +25,23 @@ export class TextValueAccessor implements ControlValueAccessor {
writeValue(value: any) {
this.renderer.setProperty(this.element.nativeElement, 'value', value);
setIonicClasses(this.element);
}
@HostListener('input', ['$event.target.value'])
_handleInputEvent(value: any) {
this.onChange(value);
setTimeout(() => {
setIonicClasses(this.element);
});
}
@HostListener('ionBlur')
_handleBlurEvent() {
this.onTouched();
setTimeout(() => {
setIonicClasses(this.element);
});
}
registerOnChange(fn: (value: any) => void) {