title: how can i make an angular app (embeded on diffrent sites) span all the way to the bottom of the page
body: <p>I developed a component using angular that I embed in clients sites.
  I want the component to span minimally until the end of the viewport.
  each of the sites has a different size header and the headers doesn't share a tag/class/id.
  I need to add min-height value to the app that equals to viewport height - header height and that way, even if the content of my component wont be enough to reach the bottom of the viewport, the min-height will enforce it spanning all the way to it.</p>
  <p>previously I handled those problems with the following JS code</p>
  <pre><code>var component= document.getElementById(&quot;component&quot;)
  component.minHeight = Window.innerHeight - component.getBoundingClientRect().top
  </code></pre>
  <p>but that doesn't work in angular...</p>
  <p>any idea how can I make this work?</p>