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

Question

我想知道如何在尝试限制输入文本时在angular2中设置最小和最大数，这很简单，我们必须提出有关限制例如3个数字的数量的任何想法

它可以完美地在文字上显示，但要加上数字，我认为我们必须执行一条指令

Answer 1

Angular提供了一些Validator，例如required，maxLength ..，但是您可以像这样创建自己的Validator：

1. 创建一个函数（该函数接受您的控制值，检查它是否在0到100之间。如果可以，则返回null，这意味着没有问题，否则返回一个有效值为false的对象）

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

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