如何在角表中添加验证器?

Question

我对angular很陌生。我已经制作了一个角表，在单击表数据后，我们可以编辑该数据。现在我想添加验证器到它，如果用户编辑字段"碳水化合物"(例如)，他/她将只能输入数字，如果他们输入任何其他字符，他们将无法添加它。

这是指向stackblitz的链接

https://stackblitz.com/edit/implementing-edit-in-place-in-angular-xjw5sh?file=src%2Fapp%2Fapp.component.ts

提前感谢您的帮助。

Answer 1

有两种方法可以将validator添加到表中。

1. 如果使用响应式表单[https://angular。Io/guide/reactive-forms][1]，那么你可以简单地在初始化时添加它例如

   public form = new FormGroup({name: new FormControl('John'，{验证器(Validators.required):,asyncValidators (customAsyncValidator):});

或者你也可以动态地：this.form.get("名字").addValidators (Validators.required);this.form.get("名字").addAsyncValidators (customAsyncValidator);

如果你使用模板驱动的表单你应该创建@Directive然后把它导入到你的模块中，然后你就可以在你的模板中使用它了。