将子div的高度绑定到父高度

Question

将子div的高度绑定到父高度似乎不起作用

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

这是一个plunkr https://plnkr.co/edit/ifWbZSQ9FeiV6n1g9bes?p=preview

Answer 1

使用CSS有很多方法可以做到这一点(例如,检查Pankaj的答案).但如果你真的需要使用javascript(相信我,你没有),那么使用offsetHeight属性:

<div #parentdiv style="background-color:blue;height:1000px">
  <div style="background-color:red" [style.height.px]="parentdiv.offsetHeight">
    hallo
  </div>
</div>

演示: https ://plnkr.co/edit/QEH4fNoZlmTCn34hnh12？p = preview

话虽这么说,我在这里发布的是用于教育目的,更喜欢CSS方法,而不是这个.