угловая директива только для чисел, принимающая два десятичных знака (0 ..) - PullRequest
Новая
       19

угловая директива только для чисел, принимающая два десятичных знака (0 ..)

0 голосов
/ 15 ноября 2018

Я создал директиву для принятия только цифр и цифр с символами. Мой код 

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

@Directive({
    selector: '[number-only]'
})
export class NumberOnlyDirective {
    // Allow decimal numbers and negative values
    private regex: RegExp = new RegExp(/^-?[0-9]+(\.){0,1}([0-9]*){0,1}$/g);
    // Allow key codes for special events. Reflect :
    // Backspace, tab, end, home
    private specialKeys: Array<string> = ['Backspace', 'Tab', 'End', 'Home', '-', "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Delete"];

    constructor(private el: ElementRef) {
    }
    @HostListener('keydown', ['$event'])
    onKeyDown(event: KeyboardEvent) {
        // Allow Backspace, tab, end, and home keys
        if (this.specialKeys.indexOf(event.key) !== -1) {
            return;
        }
        let current: string = this.el.nativeElement.value;
        let next: string = current.concat(event.key);
        if (next && !String(next).match(this.regex)) {
            event.preventDefault();
        }
    }

}

Я использую эту директиву как 

<input type="number" min="0" class="form-control" number-only />

Проблема заключается в том, что этот элемент ввода принимает два десятичных знака, например: 5..35 . Я протестировал регулярное выражение здесь . Работает нормально.

1 Ответ

0 голосов
/ 08 марта 2019

Попробуйте это RegEx: (/^\d*.?\dabilities0,2 innovative$/g)

...