angular - 正数的自定义验证

Question

我试图找到信息，如果有任何内置验证器，检查输入是否为正数？

我正在尝试构建以下内容:

static nonZero(control:Control) {
    if (Number(control.value) < 0) {
        control.setErrors({nonZero: true})
    } else {
    control.setErrors(null)
    }
}

但是，我不知道如何在我的表单生成器中使用它:

this.form = _formBuilder.group({
            field:['', Validators.required]})

我做错了什么？

Answer 1

您可以利用 Validators.compose 方法以这种方式配置它:

this.form = _formBuilder.group({
        field:['', Validators.compose([
                     Validators.required, nonZero ])
        ]});

这允许您为该字段定义两个同步验证器。

编辑

我会这样实现验证器:

static nonZero(control:Control):{ [key: string]: any; } {
  if (Number(control.value) < 0) {
    return {nonZero: true};
  } else {
    return null;
  }
}