Keypress input limit

limit-to.ts

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

@Directive({
  selector: '[limit]',
  host: {
    '(keypress)': '_onKeypress($event)',
  }
})
export class LimitDirective {
  @Input('limit') limit; 
  _onKeypress(e) {
    const limit = +this.limit;
    console.log('limit:', limit);
    console.log('input:', e.target.value.length);
    if (e.target.value.length === limit) e.preventDefault();
  }
}