大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
angular的表单
创新互联专注于龙圩网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供龙圩营销型网站建设,龙圩网站制作、龙圩网页设计、龙圩网站官网定制、微信小程序开发服务,打造龙圩网络公司原创品牌,更为您提供龙圩网站排名全网营销落地服务。
angular的表单分为两种,一种是响应式的表单,另一种是模板驱动表单。使用'@angular/forms'库中的FormGroup, FormControl,FormArray,FormBuilder 等类构建出的数据对象就是响应式的表单,在响应式的表单中,我们会在数据源里面进行各种操作,像添加校验等,在html文件中使用 formGroup,formGroupName,formControlName等将数据和视图进行绑定(需要引入ReactiveFormsModule)。
//ts profileForm = new FormGroup({ firstName: new FormControl(''), lastName: new FormControl(''), address: new FormGroup({ street: new FormControl(""), city: new FormControl(""), state: new FormControl(""), zip: new FormControl("") }) }) //html
模板驱动的表单是我们实例化好一个类的数据之后,在html中使用 NgForm 指令后将数据和表单进行绑定,使用[(ngModel)]来将表单的数据和和视图进行双向绑定,NgForm 指令为 form 增补了一些额外特性。 它会控制那些带有 ngModel 指令和 name 属性的元素,监听他们的属性。
//html