Angular中仅允许使用一个小数和正数

时间:2019-07-15 08:14:03

标签: javascript angular typescript

我已经尝试过下面的代码,但这似乎不是完美的解决方案。同样,按键事件在移动设备上不起作用。我已经在Android Google Chrome浏览器上进行了测试。如果有完美的解决方案,请提供帮助。

在HTML文件中,我添加了按键事件。

tag.Title

在.ts文件中,我添加了此代码。

this

2 个答案:

答案 0 :(得分:1)

您可以使用Directive来实现。

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

@Directive({
  selector: '[appInputOnlyDecimal]'
})
export class InputOnlyDecimalDirective {
  constructor(private ngControl: NgControl) {}

  @HostListener('input', ['$event.target.value'])
  public onInput(value: string) {
    // Your logic here
  }
}

答案 1 :(得分:0)

我认为应该这样做:

  

输入type =“ number” min =“ 0” max =“ 9”