Question

我在角度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>

为角度5的ngModel添加千分离？

1 个答案: