title: Angular template, remove div and white space (div is removed, but not white space)
body: <p><strong>Edit:
  After more thoughts, i am removing the unnecessary element within the TS file and making my template file do less work.</strong> </p>
  
  <p>I've looked at a few stack o/f threads about removing a div and the white space that it takes. Such as <a href="https://stackoverflow.com/questions/2928688/how-to-hide-elements-without-having-them-take-space-on-the-page">this one</a></p>
  
  <p>The div is hidden, however the white space is still there on my template. </p>
  
  <p>code</p>
  
  <pre><code>&lt;div *ngIf="array[i] !== null; else hideDivAndRemoveWhiteSpace"&gt;
    //business logic
  &lt;/div&gt;
  &lt;ng-template #hideDivAndRemoveWhiteSpace&gt;
    //this template should be hidden
    &lt;div class="hide-div"&gt;&lt;/div&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.hide-div {
    display: none;
  }
  </code></pre>