Как динамически обновлять размер экрана Angular2?

Question

[Максим]

У меня есть анимация, которая идет по экрану 2 секунды. Но когда размер экрана маленький то эти 2 секунды анимации выглядят не очень красиво. Хотелось бы каким-то образом регулировать этот интервал в зависимости от размера окна браузера и притом динамически. Вдруг человек девайс перевернет, размер браузера уже не тот.
Ести ли способы динамически прослушивать данные об экране или же есть какие-то еще способы решения проблемы?
Мои попытки в виде стрима:

size = Observable.create((observer) => {
      observer.next(window.screen.availWidth)

  })

constructor(private size: ScreenSizeService ) { }
this.size.size.subscribe(data => { console.log(data)});

Answer 1

[Ivan Stroykin]

А что насчет стандартного способа? пример

Comments

[Максим]

Да, что-то я этот вариант как-то проглядел. Снать бы еще как применить это в тайминге анимации )

[Ivan Stroykin]

Максим: А что за анимация вообще? Что из себя представляет? Если это компонент, то вообще легко. Прямо в компонент переносите все это, а время длительности анимации выносите как свойство и создаете константу, вроде, maxWidth, значение которой будет максимальная ширина, меньше которой нужно менять значение. И вместе присвоения свойству width прописываете кол-во секунд в зависимости от того width > maxWidth или нет :)