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

Posted 2023-03-06

【中文标题】设置div的高度等于窗口角度的高度

【英文标题】：Set height of div equal to height of window angular

【发布时间】：2017-05-11 02:19:19

【问题描述】：

如何将div 的高度设置为等于窗口的高度？我在这个问题上发现Dynamically updating css in Angular 2 说我必须使用下面的代码：

<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

我现在的问题是：

如何使用 Angular 和 TypeScript 将 div 的高度设置为等于内部窗口的高度？ 我怎么能一次完成，因为我必须多次这样做？

【参考方案1】：

它不起作用，因为 angular2 正在尝试搜索 this.window.innerHeight。

更新你的组件，

@Component(...)
export class MyClass 

    myInnerHeight: window.innerHeight;
    constructor()

并像这样使用它：

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

【讨论】：

我尝试使用[style.height]，是否有一些文档可以参考以了解这些属性？

@GiridharKarnik angular.io/docs/ts/latest/guide/…

@eko，反过来呢？就像我想获得高度而不是设置它一样。

@ArtanisZeratul 可能是***.com/questions/49999988/…?

@eko，JaggerJo 答案有效......但它必须放在 OnInit() 函数而不是构造函数上。但是非常感谢您提供线索和信息。