I have been experimenting with the WindowService in my Angular project. Here is the code I have written:
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
interface WindowSize {
width?: number;
height?: number;
}
@Injectable({
providedIn: 'root'
})
export class WindowService {
webWindow = window;
windowHeight: number;
windowWidth: number;
windowSize: number;
constructor() {
this.getWindowSize = this.getWindowSize.bind(this);
}
getWindowSize(): Observable<any> {
return this.webWindow.addEventListener('resize', ()=> {
this.windowSize = {
width: window.innerWidth,
height: window.innerHeight
};
return this.windowSize;
});
}
}
In one of my components, I am trying to subscribe to the getWindowSize method:
ngOnInit() {
this.loadUser();
this.windowSize = this.windowService.getWindowSize().subscribe(data=> {
console.log(data)
this.windowSize = data;
});
}
The error message I am encountering is as follows:
AppComponent.ngfactory.js? [sm]:1 ERROR TypeError: Cannot read property 'subscribe' of undefined at FeedlistComponent.ngOnInit