Angular 9: изменение размера происходит при прокрутке в мобильном телефоне

Question

В моем проекте Angular я хочу изменить некоторые значения при изменении размера. У меня проблема в том, что эта функция изменения размера срабатывает каждый раз, когда я прокручиваю на мобильном телефоне.

Кто-нибудь знает, как этого избежать?

Спасибо!

  onResize(event){
let checkWidth = event.target.innerWidth;

if(checkWidth < 768) {
  this.showLatest = true;
  this.showMost = false;
  this.showMovies = false;
}

}

Answer 1

Хорошо, я должен был выяснить это, на самом деле, я нашел похожее решение для jQuery, и я просто набрал его для Angular.

Я публикую его здесь на всякий случай, если кто-нибудь столкнется с тот же вопрос.

cachedWidth:any = window.innerWidth;</p>

<p>onResize(event){</p>

<code>let checkWidth = window.innerWidth;

if(checkWidth !== this.cachedWidth){
if(checkWidth < 768) {
//do something on resizing
}
this.cachedWidth = checkWidth;
}
}
</code>