Quantcast
Channel: Angular window resize event - Stack Overflow
Viewing all articles
Browse latest Browse all 20

Answer by Post Impatica for Angular window resize event

$
0
0

Here is an update to @GiridharKamik answer above with the latest version of Rxjs.

import { Injectable } from '@angular/core';import { Observable, BehaviorSubject, fromEvent } from 'rxjs';import { pluck, distinctUntilChanged, map } from 'rxjs/operators';@Injectable()export class WindowService {    height$: Observable<number>;    constructor() {        const windowSize$ = new BehaviorSubject(getWindowSize());        this.height$ = windowSize$.pipe(pluck('height'), distinctUntilChanged());        fromEvent(window, 'resize').pipe(map(getWindowSize))            .subscribe(windowSize$);    }}function getWindowSize() {    return {        height: window.innerHeight        //you can sense other parameters here    };};

Viewing all articles
Browse latest Browse all 20

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>