ImportFormControl:import{FormControl}from'@angular/forms';在Component中创建name实例，类型为FormControl：name=newFormControl('Jerry');通过构造函数FormControl设置初始值。在HTML文件中，建立元素与Component的name属性的绑定关系：之后，Component的name属性的值会自动传递给HTML元素：这样，表单控件和DOM元素可以相互通信：视图会反映模型的变化会反映视图的变化。使用.value访问FormControl实例的值：Name:Display控件的Value:{{name.value}}
如何用setValue修改FormControl的valueupdateName(){this.name.setValue('Nancy');}点击按钮后：value变成nancy：在事件处理器中看到zone.js中对点击响应事件的统一处理：最后在core.js中调用executeListenerWithErrorHandling：执行setValue:howtorespondtouserinputconstructor(){this.name.valueChanges.subscribe(selectedValue=>{console.log('valuechanged:',selectedValue);})}效果：从调用栈来看，还是executeListenerWithErrorHandling：通过EventEmitter发送更新：ng-untouchedng-pristineng-valid这三个类什么时候赋值？ng-untouched字段未被触及ng-pristine字段未被修改ng-valid字段内容有效如何使用formgroupformgroup在Component中创建一个FormGroup类型的属性。它的构造函数是一个json对象，属性类型是FormControl.FormGroup，也可以使用setValue等方法。该表单组还可以跟踪每个控件的状态和变化，因此如果其中一个控件的状态或值发生变化，父控件也会发出新的状态变化或值变化事件。如何将FormGroup属性绑定到HTML文件：名字：LastName:由formControlNameFormControlName指令提供的属性将每个输入框与FormGroup中定义的表单控件绑定。FormGroup组中的数据也可以通过valueChanges进行监控：this.profileForm.valueChanges.subscribe(value=>{console.log('groupvalue:',value);});使用setValue修改组的值：this.profileForm。setValue({firstName:'Tom',lastName:"Tom1"});form标签发送的submit事件是一个内置的DOM事件，可以通过点击一个submit类型的按钮来触发。这也允许用户使用返回键提交完成的表单。在表单底部添加一个按钮以触发表单提交。onSubmit(){console.warn(this.profileForm.value);}
