バインディング子のdivの高さは

Question

親の高さに

バインディング子のdivの高さは、ここで

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

は、それが簡単にCSSによって達成することができplunkr https://plnkr.co/edit/ifWbZSQ9FeiV6n1g9bes?p=preview

Answer 1

CSSでそれを行う方法はたくさんあります（例えば、Pankajの答えをチェックしてください）。あなたは本当に、本当にJavaScriptで行く必要がある場合はしかし、その後、offsetHeightプロパティを使用（、あなたはしていない私を信じて）：https://plnkr.co/edit/QEH4fNoZlmTCn34hnh12?p=preview

が言われていること、私はここで何投稿：デモ

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

教育的な目的のためのもので、CSSアプローチを推奨します。

Answer 2

で動作するようには思えないheight: inherit

@Component({ 
    selector: 'my-app', 
    styles: [` 
    .myHeight{ 
     height: inherit; 
     background-color:red; 
    } 
    `] 
    template: ` 
    <div #parentdiv style="background-color:blue;height:1000px"> 
     <div class="myHeight"> 
      hallo 
     </div> 
    </div> 
    `, 
}) 

Demo