title: setTimeout() stuck in a neverending loop
body: <p>I want to get the height of divs that I use in a few components, with my HTML looking almost like the following:</p>
  
  <pre><code>&lt;div  #dataHeadlines *ngFor="let group of catt" [ngClass]='hf(dataHeadlines)'&gt;
          &lt;h4&gt;{{ group }}&lt;/h4&gt;
              &lt;nlr-child-headlines [data]=sortedData [title]=group&gt;&lt;/nlr-child-headlines&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>and my function that I call looks like:</p>
  
  <pre><code>hf(element) {
          //setTimeout(() =&gt; { 
          this.height = element.offsetHeight;
          console.log("juliet function height = " + this.height);
          //},0);
      }
  </code></pre>
  
  <p>This gives me all the values as zero due to the fact that the information is async. But when I remove the comment marks, the setTimeout() function runs, and gives me the values that I want, but it just keep going like my 3 year old...</p>
  
  <p>How do I make it STOP! And if you can help with the setTimeout() problem that would also be nice... </p>