angular - 获取 Angular2 应用程序组件的初始调整窗口大小

Question

在我的 app.html 中我有:

<div id="wrapper" 
    (document:load)="onWindowLoadOrResize($event)" 
    (window:resize)="onWindowLoadOrResize($event)">

这用于设置内容 div 的 css 高度。调整大小工作正常，但最初不会在页面加载时触发。 document:load 根本不触发。运行将看到窗口初始大小的代码的最佳方法是什么？

Answer 1

此时在您的应用程序中，document.load 已经被触发。对您来说最简单的方法可能是从您的应用程序组件构造函数中调用调整大小函数。此时您的 DOM 已准备就绪，应用程序正在启动。此外，您应该将高度值分配给模板可以绑定(bind)到的应用程序中的属性，而不是直接进行 DOM 操作。