import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({
    selector: '[appSpecialCharacters]'
})

export class SpecialCharactersDirective {
    constructor( private _el: ElementRef) { }
    @HostListener('input', ['$event']) onInputChange(event) {
        const val = this._el.nativeElement.value;
        this._el.nativeElement.value = val.replace(/[!@#$%^&*(),.?":{}|<>\\\/-]*/g, '');
        if (val !== event.target.value) {
          event.stopPropagation();
        }
    }
}