Угловой 2 получить пользовательский ввод в директиве

Question

Я пытаюсь создать номера/цифровой ввод только директива, которая означает, что я хочу, чтобы вход, такие как: 451,45 или 451,45

В настоящее время директива выглядит следующим образом:

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

@Directive({ 
selector: '[numbers-only]' 
}) 

export class NumbersOnlyDirective { 
private el: HTMLElement; 

constructor(el: ElementRef) { 
    this.el = el.nativeElement; 
} 

@HostListener('keydown', ['$event']) onKeyDown(e: Event) { 

} 
} 

Следующим шагом будет выбор текущего значения элемента и переформатирование, если каждый раз при событии с нажатием клавиши. Мой вопрос: как получить текущее значение директивы, я не могу понять, как получить ее из ElementRef. И что было бы лучшим способом форматирования ввода: Regex?

Благодарим за терпение и идеи!

Answer 1

Вы можете использовать событие keyup, так как это значение будет обновляться. И вам не нужен RegEx, так как вы можете просто проверить диапазон keyCode. См. Этот plunkr:

http://plnkr.co/edit/xyAy2KjPia1qncqAcpMj?p=preview&open=app%2Fapp.component.ts