divの高さをwindow2の高さに設定します。

Question

divの高さをウィンドウの高さに等しく設定するにはどうすればよいですか？

<div class="imagecontainer" [style.height.px]="window.innerHeight"> 
    Some code 
</div> 

しかし、これは私に次のエラーを与える：

Cannot read property innerHeight of undefined

私は以下のコードのように、更新このコードをしました

<div class="home-component" 
    [style.width.px]="width" 
    [style.height.px]="height">Some stuff in this div</div> 

：私は、私は以下のコードを使用する必要があり、この質問Dynamically updating css in Angular 2に見つけました

私の質問は次のようになります。

1. divの高さをAngular 2とTypeScriptの内側のウィンドウの高さに設定するにはどうすればよいですか？
2. 私はこれを複数回行う必要があるので、これを一度に行うことはできますか？

Answer 1

angular2がthis.window.innerHeightを検索しようとしているため、機能しません。

、あなたのコンポーネントを更新し

@Component({...}) 
export class MyClass { 

    myInnerHeight: window.innerHeight; 
    constructor(){} 

} 

とこのようにそれを使用します。私は `[style.height]`、私が取得するために参照することができますいくつかのドキュメントがある使用しようとしていた

<div class="imagecontainer" [style.height.px]="myInnerHeight"> 
    Some code 
</div>