У меня небольшое приложение на angular6 с роутингом.
в главном appComponent пытаюсь использовать @HostListener()
@HostListener('window:resize', ['$event'])
onResize(event) {
console.log("window:resize")
}
@HostListener('body:resize')
onResize2(event) {
console.log("body:resize")
}
@HostListener('resize', ['$event'])
onResize3(event) {
console.log("resize")
}
это просто в разных вариантах уже указал.
но из всех вариантов, которые я пробовал сработал только 1:
@HostListener('window:resize', ['$event'])
onResize(event) {
console.log("window:resize")
}
и то только когда я руками меняю ширину.
А задача такая:
у меня в компоненте есть некий шаблон и роутинг
при перемещении по страницам или при изменении контента на одной странице (будь то изменения которые произошли из-за того что я где-то чтото нажал или поступили данные с бекэнда) мне надо перехватывать события изменения размера body или html (на самом деле они одинаковые должны быть вроде-бы), в этот момент получать высоту контента всей страницы и выполнять спец запрос на изменение размера контейнаре фрейма (приложение встраивается через фрейм в другое место и если надо изменить размер фрейма можно просто кинуть запрос из фрейма на родительский документ)
Средний