How to use observable in ngFor (async pipe) when the element is hidden in Angular2
<p>I have the following html template:</p>

<pre><code>&lt;div *ngIf="googleSearchVisible"&gt;
    &lt;div *ngFor="let location of googleSearchLocations | async"&gt; &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Now when I begin pushing data to observable nothing happens. I do believe this happens because the element does not subscribe to observable. </p>

<p>I have tried to add <code>googleSearchLocations.subscribe</code> during <code>onInit</code> and this does force a call to a service and even makes ngIf visible, but ngFor is still not rendering anything.</p>

<p>How can I enforce the observable this way?</p>

<p>P.S. <code>googleSearchVisible</code> turns on in the <code>.do</code> when I load data.</p>