2016-06-22 44 views
1

我將我的Ionic2應用程序更新爲Beta 9和Angular2 RC2。我正在更新我的表單,並開始我只是試圖讓一個非常簡單的示例按https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub工作。我對formGroupName感到困惑。的例子是:Angular2 RC2表單 - 是否需要formGroupName?

<form [formGroup]="myForm"> 
    <div formGroupName="name"> 
    <input formControlName="first"> 
    <input formControlName="last"> 
    </div> 
</form> 

class MyComp { 
    myForm = new FormGroup({ 
     name: new FormGroup({ 
     first: new FormControl('Nancy'), 
     last: new FormControl('Drew') 
    }) 
    }); 
} 

上面的代碼按預期方式工作。我的問題是是否需要「名稱」分組?我嘗試如下刪除它,然後我得到的錯誤「無法找到控制‘第一’」

<form [formGroup]="myForm">   
    <input formControlName="first"> 
    <input formControlName="last">   
</form> 

class MyComp { 
    myForm = new FormGroup({ 
     first: new FormControl('Nancy'), 
     last: new FormControl('Drew')   
    }); 
} 

沒想到這一行爲。有人請告訴我,這是否應該工作,如果沒有,爲什麼?我試圖確定它是一個錯誤還是錯誤。

回答

1

如果您刪除了<div formGroupName="name"(整個標籤),那麼您不需要在new FormGroup中添加該組,如果將它留在那裏,則需要使用HTML和代碼進行分組。