一.模版式表单
ngForm作用：
a.ngForm指令可以发现所有标有‘ngModel’的子元素，并将其值添加到表单模型中创建FormGroup的实例，将数据存储在ngForm.value对象中。
b.当不希望Angular接管表单时，可以给表单标签添加“ngNoForm”指令。
c.会阻止表单的提交刷新，使用ngSubmit事件来提交；
ngModel作用：
a.ngModel是ngForm指令所在元素的子元素的字段，与name属性相关联（仅当添加name属性时才会捕获，创建数据模版
b.用来将联系的表单元素放置于一块，并组成对象格式数据，代码示例
1.指令来自FormsModule模块，app.module.ts中引入
<from #myForm="ngForm" ngModel name="myForm"> <div> 姓名:<input type="text" #myName="ngModel" ngModel name="name"> </div> <div> 邮箱:<input type="email" ngModel name="email"> </div> <div> <div ngModelGroup="passwordInfo"> <div> 密码:<input type="password" ngModel name="password"> </div> <div> 确认密码:<input type="password" ngModel name="passwordConfire"> </div> <div>{{myForm.value |json}}</div> <div>{{myName.value |json}}</div>
原文：https://www.cnblogs.com/xlMite/p/10852878.html
