Html 检测Angular 4中的实时窗口大小变化

constructor(platform: Platform) {
    platform.ready().then((readySource) => {
        console.log('Width: ' + platform.width());
        console.log('Height: ' + platform.height());
    });
}

public innerWidth: any;
ngOnInit() {
    this.innerWidth = window.innerWidth;
}

@HostListener('window:resize', ['$event'])
onResize(event) {
  this.innerWidth = window.innerWidth;
}

Html相关问答推荐

根据屏幕大小拆分长行列表

<nav和button是姐妹元素.当添加了导航活动类时，我如何为按钮编写CSS？

我无法动态嵌入Instagram帖子，因为无法分配Instagram固定链接

如何将文本环绕心形(而不仅仅是圆形)？

carousel 的垂直滚动按钮居中

CSS：双面元素未正确显示边框

如何在ASP.NET Core中添加换行符

div 中的垂直中心表格

目标第一个祖先标签的 XPath

如何根据剪辑路径边缘设置文本边距？

文本不显示在 div 下方

如何消除线性渐变线的模糊？

如何配置 prettier 使其以 Vue.js 模板语法的特定方式运行？

输入框不是全宽

如何使 Shiny 中的 selectInput Select 扩展到井面板之外或以其他方式使它们更容易被用户看到？

如何从 razor 页面打开 html 页面

如何在 svelte 中对静态 html 文件使用href=

我如何让这个动画播放，然后停止，然后在设定的时间后再次播放？ (CSS)

当我希望它只横向滚动时，可滚动菜单也会上下移动