情感测试简介

首页 » 常识 » 问答 » Angular10教程62表单验
TUhjnbcbe - 2021/5/21 0:12:00
通常,我们都需要对用户的表单输入做验证,以保证数据的整体质量。

Angular也有两种验证表单的形式:

使用属性验证,用于模板驱动表单;

使用验证器函数进行验证,用于响应式表单。

验证器(Validator)函数

THISISTITLE

验证器函数可以是同步函数,也可以是异步函数。

同步验证器:接受控件实例,然后返回验证错误信息或null。在实例化一个FormControl时把它作为构造函数的第二个参数传进去;

异步验证器:接受实例并返回一个Promise或Observable,稍后会发出一组验证错误或null。也是在实例化FormControl时,作为第三个参数传入。

内置验证器函数

Angular内置了一些基础功能的验证器,在日常开发中可以直接使用:

我们来简单使用一下内置的验证器:

//reactive-forms.

1
查看完整版本: Angular10教程62表单验