Binding child div's height to parent height
<p>Binding child div's height to parent height doesn't seem to work</p>

<pre><code>&lt;div #parentdiv style="background-color:blue;height:1000px"&gt;
    &lt;div style="background-color:red" [style.height.px]="parentdiv.height"&gt;
      hallo
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Here is a plunkr
<a href="https://plnkr.co/edit/ifWbZSQ9FeiV6n1g9bes?p=preview" rel="noreferrer">https://plnkr.co/edit/ifWbZSQ9FeiV6n1g9bes?p=preview</a></p>