angular - 自定义验证输入类型编号 angular 2

Question

我想知道如何在 angular2 中设置最小值和最大值当我们尝试限制输入文本时，我们必须把它放在关于限制示例 3 个数字的任何想法

它在文本类型上工作得很好，但对于数字我认为我们必须做一个指令

Answer 1

Angular 提供了一些验证器，比如required、maxLength..但是你可以像这样创建你自己的验证器:

1. 创建一个函数(这个取你的控制值，检查它是否在0到100之间。如果没问题，它返回null，这意味着没有问题，否则你返回一个有效为false的对象)

function validateNumber(c: FormControl) {
  return c.value > 0 && c.value < 100 ? null : {valid: false}
};

1. 将您的功能作为验证器放在您的控件中:new FormControl('', validateNumber)