angular4表单

Angular 4.x 中有两种表单：

• Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 )

• Reactive Forms - 响应式表单

 (1)    Template-Driven Forms (模板驱动式表单) ，将涉及 ngForm、ngModel、ngModelGroup、表单提交事件、表单验证和异常信息输出等内容。

（2） Reactive Forms - 响应式表单含有以下内容：

• 使用内建的验证规则

• 动态调整验证规则

• 自定义验证器

• 自定义验证器 (支持参数)

•  

• -------------目前 Angular 支持的内建 validators 如下：

• ------------required - 设置表单控件值是非空的。

• ------------email - 设置表单控件值的格式是 email。

• ------------minlength - 设置表单控件值的最小长度。

• ------------maxlength - 设置表单控件值的最大长度。

• ------------pattern - 设置表单控件的值需匹配 pattern 对应的模式。