【问题标题】:How can I get information on element resize event in a Angular 2/Ionic 2 app?如何在 Angular 2/Ionic 2 应用程序中获取有关元素调整大小事件的信息?
【发布时间】:2016-12-22 22:05:58
【问题描述】:

当元素在 Angular 2/Ionic 2 应用程序中调整大小时,我需要获取有关元素大小的信息。

我已经知道如何使用 ElementRef 获取初始大小,但找不到获取有关调整大小信息的方法。

请注意,我不需要窗口的大小。我需要元素的大小。

【问题讨论】:

  • 什么会触发调整大小?屏幕旋转?
  • 任何东西,屏幕旋转,窗口大小调整(如果是桌面浏览器),通过 CSS/SCSS 调整元素大小(例如,使用悬停改变大小),模板上的 style.width.px 数据绑定等。屏幕旋转或窗口调整大小不是问题,我已经可以做到这一点,但我不知道元素调整大小..

标签: html angular events resize ionic2


【解决方案1】:

我有两个想法。

首先:监听任何可以触发元素大小变化的事件。窗口大小、方向、悬停等...然后将其标记为已更改,然后检查元素的值。

第二:将您正在查看的任何元素放入其自己的组件(子组件)中。在该组件中使用更改检测器,每次触发时,输出一个事件,您可以使用查看子组件元素的 viewchild 检查该“组件”的大小(或您想要的任何值)。

http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html

【讨论】:

猜你喜欢
  • 2018-10-06
  • 2015-11-24
  • 1970-01-01
  • 2016-11-04
  • 2018-08-08
  • 2017-10-28
  • 2018-04-14
  • 1970-01-01
  • 2017-09-01
相关资源
最近更新 更多