2016-12-22 2 views
1

Мне нужно получить информацию о размере элемента при изменении размера этого элемента в приложении Angular 2/Ionic 2.Как я могу получить информацию о событии изменения размера в приложении Angular 2/Ionic 2?

Я уже знаю, как получить начальный размер с помощью ElementRef, но не могу найти способ получить информацию об изменении размера.

Обратите внимание, что размер окна не требуется. Мне нужен размер элемента.

+0

Что могло бы вызвать изменение размера? Вращение экрана? – Everett

+0

Что угодно, поворот экрана, изменение размера окна (если браузер для настольных компьютеров), изменение размера элемента с помощью CSS/SCSS (например, изменение размера с помощью зависания), привязка данных по стилю. Width.px по шаблону и т. Д. Получить размер на экране вращения или окна изменение размера не проблема, я уже могу это сделать, но при изменении размера элемента я не знаю .. – Natanael

ответ

0

У меня есть 2 идеи.

Первое: прослушивание любого события, которое может вызвать изменение размера элемента. Размер окна, ориентация, зависание и т. Д. Затем отметьте его как измененный, затем проверьте значения элемента.

Во-вторых: поместите любой элемент, на который вы смотрите, в свой компонент (ребенок). Используйте детектор изменений в этом компоненте и каждый раз, когда он запускается, выведите событие, в котором вы можете проверить размер (или любое другое значение, которое вы хотите) этого «компонента», используя viewchild, который смотрит на элемент дочернего компонента.

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

+0

Как я могу создать детектор изменений для компонента? Существует ли API с обнаружением изменения угла? – Natanael

+0

Да. Ознакомьтесь с этой статьей http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html – Everett

Смежные вопросы