在component.ts中放置通过renderer2添加的类的位置

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

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  constructor(private renderer: Renderer2, private el: ElementRef) {}

  ngOnInit(): void {
    const element = this.el.nativeElement;
    this.renderer.addClass(element, 'my-class');
  }
}

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

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  constructor(private renderer: Renderer2, private el: ElementRef) {}

  ngOnDestroy(): void {
    const element = this.el.nativeElement;
    this.renderer.removeClass(element, 'my-class');
  }
}