title: Dynamically creating multiple form group using reactive forms in Angular 7
body: <p>I want to create multiple form group.</p>
  
  <p>When we need 3 form group that time we are declare multiple form using these way   </p>
  
  <pre><code>form1: new FormGroup({
      firstName1: new FormControl(''),
      lastName1: new FormControl(''),
    });
  form2: new FormGroup({
      firstName2: new FormControl(''),
      lastName2: new FormControl(''),
    });
  form3: new FormGroup({
      firstName3: new FormControl(''),
      lastName3: new FormControl(''),
    });
  </code></pre>
  
  <p>these form group we are declare as a static and then used it in form.</p>
  
  <p>I want to create form group and its form control dynamically using JSON file<br>
  JSON file format and create those HTML forms.  </p>
  
  <pre><code>forms : [
    {
      type: 'form',
      objectName: 'form1',
      fields:[
          {
           name: 'firstName1'
          },
          {
           name: 'lastName1'
          }
      ]
    },
    {
      type: 'form',
      objectName: 'form2',
      fields:[
          {
           name: 'firstName1'
          },
          {
           name: 'lastName1'
          }
      ]
    }
  ]
  </code></pre>
  
  <p>how i can create multiple form groups dynamically? </p>