angular的表單

創(chuàng)新互聯(lián)公司是一家專業(yè)提供吐魯番企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為吐魯番眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

angular的表單分為兩種，一種是響應(yīng)式的表單，另一種是模板驅(qū)動(dòng)表單。使用'@angular/forms'庫中的FormGroup, FormControl，F(xiàn)ormArray,FormBuilder 等類構(gòu)建出的數(shù)據(jù)對(duì)象就是響應(yīng)式的表單,在響應(yīng)式的表單中，我們會(huì)在數(shù)據(jù)源里面進(jìn)行各種操作，像添加校驗(yàn)等，在html文件中使用 formGroup,formGroupName,formControlName等將數(shù)據(jù)和視圖進(jìn)行綁定(需要引入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
    

標(biāo)題名稱：angular中兩種表單的區(qū)別(響應(yīng)式和模板驅(qū)動(dòng)表單)-創(chuàng)新互聯(lián)
分享地址：http://weahome.cn/article/doghse.html