如何在加宽屏幕的同时删除ngClass

在加宽屏幕的同时删除ngClass，可以通过以下步骤实现：

首先，确保你的应用程序中已经使用了Angular框架，并且已经引入了ngClass指令。
在HTML模板中，找到需要加宽屏幕的元素，并添加ngClass指令。ngClass指令可以接受一个对象作为参数，对象的属性表示要应用的CSS类名，属性值表示是否应用该类名。例如：

<div [ngClass]="{'wider-screen': isWiderScreen}">
  <!-- 内容 -->
</div>

在上面的示例中，isWiderScreen是一个布尔值，用于控制是否应用wider-screen类名。当isWiderScreen为true时，该元素将应用wider-screen类名。

在组件的代码中，定义一个布尔类型的变量isWiderScreen，并根据屏幕宽度的变化来更新该变量的值。可以使用Angular的HostListener装饰器监听窗口大小的变化，并根据需要更新isWiderScreen的值。例如：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  isWiderScreen: boolean;

  @HostListener('window:resize', ['$event'])
  onResize(event) {
    this.isWiderScreen = window.innerWidth > 1024; // 根据需要设置宽度阈值
  }
}

在上面的示例中，当窗口大小改变时，onResize方法将被调用，并根据窗口宽度是否大于1024像素来更新isWiderScreen的值。