如何在原生脚本中设置屏幕大小限定符typescript和angluar2

import { Component, HostListener, Renderer2 } from '@angular/core';

screenWidth: number;

constructor(private renderer: Renderer2) { }

ngOnInit() {
  this.screenWidth = window.innerWidth;
  this.onResize();
}

@HostListener('window:resize', ['$event'])
onResize(event?) {
  this.screenWidth = window.innerWidth;
  // 根据屏幕宽度设置相应的屏幕大小限定符
  if (this.screenWidth < 576) {
    // 设置小屏幕的样式或逻辑
  } else if (this.screenWidth >= 576 && this.screenWidth < 992) {
    // 设置中等屏幕的样式或逻辑
  } else {
    // 设置大屏幕的样式或逻辑
  }
}