input.component.ts

input.component.ts

import { Component, Input, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'custom-input',
  templateUrl: './input.component.html',
  styleUrls: ['./input.component.css']
})
export class InputComponent {
  value: string = '';
  @Input() type: string = 'text';
  @Input() id: string;
  @Input() placeholder: string = '';

  @ViewChild('inputElement') private _inputElement: ElementRef;
  get inputElement(): ElementRef {
    return this._inputElement;
  }

  onChange(event: any) { }
  onKeyup(event: any) { }
  onBlur(event: any) { }
}