javascript — событие изменения размера углового окна

Событие изменения размера углового окна

Предполагая, что {amp}lt;600px означает мобильность для вас, вы можете использовать это наблюдаемое и подписаться на него:

Сначала нам нужен текущий размер окна. Таким образом, мы создаем наблюдаемую, которая испускает только одно значение: текущий размер окна.

 initial$ = Observable.of(window.innerWidth {amp}gt; 599 ? false : true); 

Затем нам нужно создать другую наблюдаемую, чтобы мы знали, когда размер окна был изменен. Для этого мы можем использовать оператор fromEvent. Чтобы узнать больше об операторах rxjs, пожалуйста, посетите: rxjs

 resize$ = Observable.fromEvent(window, 'resize').map((event: any) ={amp}gt; { return event.target.innerWidth {amp}gt; 599 ? false : true; }); 

Объедините эти два потока, чтобы получить нашу наблюдаемую:

 mobile$ = Observable.merge(this.resize$, this.initial$).distinctUntilChanged(); 

Теперь вы можете подписаться на это так:

 mobile$.subscribe((event) ={amp}gt; { console.log(event); }); 

Не забудьте отписаться :)

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector