Angular Validator 检查输入是否为数字

Question

我正在尝试在 Angular 9 中执行表单验证，以检查某个输入的值是否为数字（整数或小数）。

因此，我创建了以下自定义验证器：

import { AbstractControl, ValidationErrors } from '@angular/forms';

export class NumberValidator {
    static number(control: AbstractControl): ValidationErrors | null {
        if (typeof +control.value === "number") return null;
        return { notANumber: "The value is not a number"};
    };
}

它适用于整数或小数输入，告诉我它是有效的，但它也告诉我以下字符串值（例如“foo”）是有效的。

我该如何解决这个问题？

Answer 1

+使字符串作为NaN数字的类型将其删除。或者如果你必须再检查一个数字

 if (typeof +control.value === "number" && !isNaN(+control.value)) return null;