nts-ng2-components/src/components/base/input-base.component.ts

Paquete de componentes para Angular2 desarrollado por NITSNETS.

import { EventEmitter, Input, OnInit, Output } from '@angular/core';

import { NtsBaseComponent } from './base.component';

export abstract class NtsInputBaseComponent extends NtsBaseComponent implements OnInit {

    @Input() ntsModel;
    @Output() ntsModelChange = new EventEmitter();
    @Output() ntsFocus = new EventEmitter();
    @Output() ntsBlur = new EventEmitter();

    @Input() name = '';
    @Input() value = '';
    @Input() required = false;
    @Input() debounce = 0;

    debounceTimer;

    ngOnInit() {

        if (!this.ntsModel && this.value) {
            this.onNgModelChange(this.value);
        } else {
            this.value = this.ntsModel;
        }
    }
    onNgModelChange(ev) {
        clearTimeout(this.debounceTimer);
        this.debounceTimer = setTimeout(
            _ => {
                this.ntsModel = ev;
                this.ntsModelChange.emit(ev);
            }, this.debounce || 0
        );
    }
}