title: Can I create more than one FormGroup in a component
body: <p>I've created a component with 2 FormGroups</p>
  
  <p>In component class:</p>
  
  <pre><code>//Forms for Create and Edit nodes
  public formCreateCategoryInLevel : FormGroup;
  public formCreateCategoryInSubLevel : FormGroup;
  
  this.formCreateCategoryInLevel = this.formBuilder.group({
    "categoryNameInLevel":[null,[Validators.required, Validators.maxLength(80)]],
    "categoryDescriptionInLevel":[null,[Validators.required, Validators.maxLength(300)]],
  });
  
  this.formCreateCategoryInSubLevel = this.formBuilder.group({
    "categoryNameInSubLevel":[null,[Validators.required, Validators.maxLength(80)]],
    "categoryDescriptionInSubLevel":[null,[Validators.required, Validators.maxLength(300)]],
  });
  
  //My submit forms methods:
  onSubmitCreateCategoryInLevel(){
     //...some code
  }
  onSubmitCreateCategoryInSubLevel(indexSelected_ofSubParent: number){
     //...some code
  }
  </code></pre>
  
  <p>In template:</p>
  
  <pre><code>     &lt;form [formGroup]="formCreateCategoryInLevel" 
             (ngSubmit)="onSubmitCreateCategoryInLevel()"&gt;
             ...
       &lt;/form&gt;
  
  
       &lt;form [formGroup]="formCreateCategoryInSubLevel"                
             (ngSubmit)="formCreateCategoryInSubLevel(1)"&gt;
             ...
       &lt;/form&gt;
  </code></pre>
  
  <p>The when I call the first form submit method onSubmitCreateCategoryInLevel(), everything works perfectly, but when I call the second method formCreateCategoryInSubLevel(1) i get an Exception
  <a href="https://i.stack.imgur.com/PUAm0.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PUAm0.jpg" alt="enter image description here"></a></p>
  
  <p>As if one only one form can be created in a component, is this the case? or what?</p>