angular中两种表单的区别(响应式和模板驱动表单)-创新互联

angular的表单

创新互联公司是一家专业提供吐鲁番企业网站建设,专注与网站设计制作、做网站、H5响应式网站、小程序制作等业务。10年已为吐鲁番众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

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
    <input type="text" formControlName="firstName">

文章名称：angular中两种表单的区别(响应式和模板驱动表单)-创新互联
网站网址：https://www.cdcxhl.com/article34/doghse.html

成都网站建设公司_创新互联，为您提供定制网站、企业网站制作、关键词优化、移动网站建设、网页设计公司、网站排名

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容