详谈Angular 2+ 的表单（一）之模板驱动型表单

笔者试图在这一系列文章中对 Angular 中的表单处理做一个相对完整的梳理。第一篇主要介绍模版驱动型的表单。总体来说，这种类型的表单通过绑定把很多工作交给了模版。这个应该是比较常见的一个注册时需要的信息了。有了这样一个成员变量之后，我们在组件模版中就可以使用 ngModel 进行绑定了。如果我们将这个控件放在一个 Form 表单中， ngModel 会自动将这个 FormControl 注册为 Form 的子控件。其实在我们导入 FormsModule 的时候，所有的 标签都会默认的被认为是一个 NgForm ，因此我们并不需要显式的在标签中写 ngForm 这个指令。如果要实现表单中的结构和领域对象的结构一致的话，我们就得请出 ngModelGroup 了。ngModelGroup 会创建并绑定一个 FormGroup 到该 DOM 元素。简单来说，是一组 FormControl。