Detecting real time window size changes in Angular 4

by

To get it on init

public innerWidth: any;
ngOnInit() {
    this.innerWidth = window.innerWidth;
}

If you wanna keep it updated on resize: 

@HostListener('window:resize', ['$event'])
onResize(event) {
  this.innerWidth = window.innerWidth;
}

More Related Contents:

  1. I want to create a color picker in ionic app [closed]
  2. What to use in place of ::ng-deep
  3. How do I make an HTML button not reload the page
  4. How to declare a variable in a template in Angular
  5. Angular 2 Dropdown Options Default Value
  6. Show loading screen when navigating between routes in Angular 2
  7. Angular2 – Input Field To Accept Only Numbers
  8. Angular 2 Checkbox Two Way Data Binding
  9. Detect click outside Angular component
  10. Angular 2 Remove Hash (#) from the URL
  11. How can I repeat a piece of HTML multiple times without ngFor and without another @Component?
  12. How to load image (and other assets) in Angular an project?
  13. Dynamically ADDING and REMOVING Components in Angular
  14. Spring Boot with AngularJS html5Mode
  15. Angular2, what is the correct way to disable an anchor element?
  16. How to convert input value to uppercase in angular 2 (value passing to ngControl)
  17. Access Control Allow Origin issue in Angular 2
  18. How to remove the previously selected option from a drop-down menu in a table?
  19. How to show split header in the material table having nested group of data in angular
  20. How to render string with html tags in Angular 4+? [duplicate]
  21. Remove host component tag from html in angular 4
  22. Angular4 – Scrolling to anchor
  23. Fire onmouseover event when element is disabled
  24. How to translate HTML string to real HTML element by ng-for in Angular 2?
  25. Angular2 without hash in the url
  26. Angular2 disable button
  27. Server-Sent Events vs Polling
  28. Using HTML anchor link fragment in Angular 6
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How to serve up images in Angular2?

Leave a Comment