title: Component displays a blank screen before data is subscribed from Observable
body: <p>I am currently facing an issue with subscribing the data through Observables. Till the time data is being subscribed and stored in a local variable(Object array) for displaying, meanwhile the component loads and thereby displays no data as it is still fetching the data from the back end. I assume the issue is with race conditions(asynchronous), any clue on how to approach this issue?</p>
  
  <p>I am reading Json data which fetches the values in 'ObjectArray' and populates the same as a PrimeNG data table on an angular 2 component.</p>
  
  <pre><code> &lt;p-dataTable [value]="ObjectArray"&gt;
      &lt;p-column field="label"&gt;&lt;/p-column&gt;
   &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>Code for subscribing: </p>
  
  <pre><code>  constructor(private store: Store&lt;fromRoot.State&gt;){
      this.metaData$ = store.select(fromRoot.getMetadata);
    }
  
    this.metaData$.subscribe(
    data =&gt; {
      if (data.length &gt; 0) {
        data.forEach(v =&gt; this.ObjectArray.push({...v}));
      }
    });
  </code></pre>