title: Angular Dynamic Forms not displaying
body: <p>I am having an issue with dynamic forms that are not displaying correctly though augury says they are part of the form and the config is populated.</p>
  
  <p>My component is retrieving the list of form inputs from a service.</p>
  
  <pre><code>import { Component, OnInit, ViewChild } from '@angular/core';
  import { DynamicFormComponent } from '@/_forms/dynamic-form/dynamic-form.component';
  
  import { FieldConfig } from '@/_interface/field.interface';
  import { QAndAService } from '@/_services/q-and-a.service';
  
  @Component({
   selector: 'app-dynamic-bedroom',
   templateUrl: './dynamic-bedroom.component.html',
   styleUrls: ['./dynamic-bedroom.component.css']
  })
  export class DynamicBedroomComponent implements OnInit {
   @ViewChild(DynamicFormComponent) form: DynamicFormComponent;
  
   regConfig: FieldConfig[];
  
   constructor(private qandaService: QAndAService) {}
  
   ngOnInit() {
   this.getQuestions();
  }
  
  private getQuestions() {
    this.qandaService.getQuestions().subscribe((resp: any) =&gt; {
    this.regConfig = &lt;FieldConfig[]&gt; resp;
   });
  }
  
   submit(value: any) { }
  }
  </code></pre>
  
  <p>Console log is reporting the form.value is undefined.</p>
  
  <blockquote>
    <p>ERROR TypeError: Cannot read property 'value' of undefined 
    at DynamicFormComponent.get [as value] (dynamic-form.component.ts:21)
        at Object.eval [as updateRenderer] (DynamicBedroomComponent.html:3)
        at Object.debugUpdateRenderer [as updateRenderer] (core.js:22503)
        at checkAndUpdateView (core.js:21878)
        at callViewAction (core.js:22114)
        at execComponentViewsAction (core.js:22056)
        at checkAndUpdateView (core.js:21879)
        at callViewAction (core.js:22114)
        at execComponentViewsAction (core.js:22056)
        at checkAndUpdateView (core.js:21879)</p>
  </blockquote>
  
  <p>Something tells me the form is calling for the fields before the subscribe has finished. Anyone suggest a fix?</p>
  
  <p>*edit added component.html</p>
  
  <pre><code>&lt;div class="form"&gt;
   &lt;app-dynamic-form [fields]="regConfig" (submit)="submit($event)"&gt;&lt;/app-dynamic-form&gt;
   &lt;div class="margin-top"&gt;
   {{ form.value | json }}
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>EDIT 2:
  After further debugging I believe this issue is the dynamic form component is trying to build the form before the item configs have been returned form the service. How can I protect myself against this?</p>