Directiva Uppercased

 DIRECTIVA UPPERCASED

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

import { NgControl } from '@angular/forms';

 

@Directive({

  selector: '[Uppercased]'

})

 

export class UppercasedDirective {

  @Input() Uppercased;

 

  constructor(private ref: ElementRef, private control: NgControl) { }

 

  @HostListener('input', ['$event']) onEvent($event) {

    const str: string = this.control.value;

    this.control.control.setValue(str.toUpperCase());

  }

}