Чтобы добавить класс к компоненту Angular, вы можете использовать различные методы. Вот несколько подходов, которые вы можете рассмотреть:

1. Метод 1: использование Renderer2

   import { Renderer2, ElementRef } from '@angular/core';
   constructor(private renderer: Renderer2, private elementRef: ElementRef) {}
   addClass() {
    this.renderer.addClass(this.elementRef.nativeElement, 'your-class-name');
   }

2. Метод 2: использование HostBinding

   import { HostBinding } from '@angular/core';
   @HostBinding('class.your-class-name') className = '';

3. Метод 3: использование ElementRef

   import { ElementRef } from '@angular/core';
   constructor(private elementRef: ElementRef) {}
   addClass() {
    this.elementRef.nativeElement.classList.add('your-class-name');
   }

4. Метод 4: использование NgClass

   <div [ngClass]="'your-class-name'">...</div>

5. Метод 5: использование Renderer2 с ViewChild

   import { Renderer2, ViewChild, ElementRef } from '@angular/core';
   @ViewChild('myElement', { static: true }) myElementRef: ElementRef;
   constructor(private renderer: Renderer2) {}
   addClass() {
    this.renderer.addClass(this.myElementRef.nativeElement, 'your-class-name');
   }

   <div #myElement>...</div>

Эти методы позволяют динамически добавлять класс к компоненту Angular. Выберите тот, который лучше всего соответствует вашим потребностям.