title: Angular Template Reference : Bind height of one div to height of another
body: <p>I want to bind the height of one angular component to the height of a div. I am trying to use template reference to fetch the height. </p>
  
  <p>Is it possible to do so using this method in a clean way? I want to do it something like this in snippet below.</p>
  
  <pre><code>&lt;div [style.height.px]="section1.offsetHeight"&gt;&lt;/div&gt;
  &lt;app-custom-tag #section1&gt;
  &lt;/app-custom-tag&gt;
  </code></pre>
  
  <p>I want the height of <code>&lt;div&gt;</code> to be equal to height of <code>&lt;app-custom-tag&gt;</code></p>
  
  <p>I can't use css column layout for this as these two elements are not positioned together.</p>