Angular2 RC2表单 - 是否需要formGroupName?

时间:2016-06-22 03:32:14

标签: forms angular

我将Ionic2应用程序更新为Beta 9和Angular2 RC2。我正在更新我的表单,并开始我只是试图让每个https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub的工作非常简单。我对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')
     })
   });
}

上面的代码按预期工作。我的问题是&#34; name&#34;分组是必需的吗?我尝试将其删除,如下所示,我收到错误&#34;无法找到控件&#39;首先&#39;&#34;

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

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

我没想到这种行为。有人请告诉我这是否应该有效,如果没有,为什么?我试图确定它是否是一个错误或是否错误。

1 个答案:

答案 0 :(得分:1)

如果您删除<div formGroupName="name"(整个标记),那么您不需要在new FormGroup中添加该群组,如果您将其保留在那里,那么您需要在HTML和代码。