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

发布时间：2020-12-17 07:09:27 所属栏目：安全来源：网络整理

导读：在我的app.html中,我有： div id="wrapper" (document:load)="onWindowLoadOrResize($event)" (window:resize)="onWindowLoadOrResize($event)" 这用于设置内容div的css高度.调整大小工作正常,但它最初不会在页面加载时触发.文件：负载根本不会触发.运行可以

在我的app.html中,我有：

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

这用于设置内容div的css高度.调整大小工作正常,但它最初不会在页面加载时触发.文件：负载根本不会触发.运行可以看到窗口初始大小的代码的最佳方法是什么？

解决方法

在您的应用程序中,document.load已经被触发. 最简单的方法是从app-components构造函数调用resizing函数. 此时,您的DOM已准备就绪,应用程序正在启动. 此外,您应该将高度值分配给应用中可以绑定模板的属性,而不是直接执行DOM操作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!