设置div的高度等于窗口角度的高度

Question

如何设置div等于窗口高度的高度？我在这个问题上发现动态更新Angular 2中的css说我必须使用下面的代码:

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

我已经像下面的代码一样更新了这段代码:

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

但这给了我下一个错误:

无法读取innerHeight未定义的属性

我现在的问题是:

1. 如何div使用Angular和TypeScript 设置等于内窗高度的高度？
2. 我怎么能一次做到这一点,因为我要多次这样做？

Answer 1

它没有用,因为angular2试图搜索this.window.innerHeight.

更新您的组件,

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

    myInnerHeight: window.innerHeight;
    constructor(){}

}

并像这样使用它:

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