добавить тысячу разделений для ngModel в угловых 5?

Question

У меня вопрос в angular 5, в моем проекте есть несколько входов с типом текста что их значения числа, как цена. Я хочу, чтобы при вводе числа пользовательский номер, если число больше тысячи, разделитель будет виден. а также я не хочу использовать валюту, просто цифры более трех цифр, получить разделитель только тогда, когда пользователь печатает. Как я могу это сделать? Это мой HTML-код:

<input  pattern="[0-9]+" class="form-control" [(ngModel)]="property.rent" 
name="rent" type="text" required>

Большое спасибо в продвинутом!

Answer 1

Используйте директиву.

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

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

export class InputNumber {

    public regexStr = '^[0-9]*$';

    @HostListener('keydown') onKeyDown() {
        let e = <KeyboardEvent> event;
        //conditions here
    }
}

Затем добавьте его в свой HTML

<input  pattern="[0-9]+" class="form-control" [(ngModel)]="property.rent" name="rent" type="text" required forceDigits>