I have a unique service that utilizes a ReplaySubject variable for components, but strangely the WindowResize event isn't triggering.
import { Injectable, HostListener } from '@angular/core';
import { ReplaySubject } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class CustomWindowResizeService {
windowWidth;
constructor() {
console.log("Custom Window resize service activated");
this.windowWidth = new ReplaySubject(1);
}
@HostListener('window:resize', ['$event'])
onResizing(event) {
console.log("Width: " + event.target.innerWidth);
this.windowWidth.next(event.target.innerWidth);
}
}
In the component, I've subscribed to it in the following manner:
import { CustomWindowResizeService } from './custom-window-resize-service';
constructor(private customWindowResize: CustomWindowResizeService) implements OnInit {
}
ngOnInit() {
this.customWindowResize.windowWidth.subscribe(
(value) => { console.log(value) }
);
}
Although I can see the
Custom Window resize service activatedconsole.log statement in the Service nor the Component seem to be executed. Any assistance would be greatly appreciated. Thank you! :)