1. ViewChild:
   Декоратор ViewChild позволяет вам получить доступ к определенному элементу или компоненту в вашем шаблоне Angular. Вы можете назначить ссылочную переменную шаблона элементу или компоненту с помощью символа #, а затем использовать ViewChild для программного доступа к ней. Вот пример:

<!-- In the template -->
<div #myElement>...</div>
// In the component
@ViewChild('myElement') myElementRef: ElementRef;

2. ElementRef:
   Класс ElementRef предоставляет прямую ссылку на элемент DOM. Вы можете использовать его для доступа к собственным свойствам и методам DOM элемента. Однако будьте осторожны при использовании ElementRef, поскольку он обходит встроенные меры безопасности Angular. Вот пример:

import { ElementRef } from '@angular/core';
...
constructor(private elementRef: ElementRef) {
  const nativeElement = this.elementRef.nativeElement;
  // Access native DOM properties or methods
}

3. Renderer2:
   Класс Renderer2 — это мощный инструмент для безопасного и независимого от платформы управления DOM. Он предоставляет методы для создания, обновления и удаления элементов, а также изменения их атрибутов и стилей. Вот пример использования Renderer2 для добавления класса к элементу:

import { Renderer2, ElementRef } from '@angular/core';
...
constructor(private renderer: Renderer2, private elementRef: ElementRef) {}
addClassToElement() {
  const element = this.elementRef.nativeElement;
  this.renderer.addClass(element, 'my-class');
}

4. Ссылочные переменные шаблона.
   Angular позволяет вам определять ссылочные переменные шаблона, которые можно использовать для доступа к элементам вашего шаблона непосредственно из кода вашего компонента. Вот пример:

<!-- In the template -->
<input #myInput type="text" />
<!-- In the component -->
@ViewChild('myInput') myInput: ElementRef;
ngAfterViewInit() {
  console.log(this.myInput.nativeElement.value);
}

5. QuerySelector:
   Если вам нужен доступ к элементам на основе селекторов CSS, вы можете использовать метод querySelector, предоставляемый собственным DOM API. Вот пример:

ngAfterViewInit() {
  const element = document.querySelector('.my-class');
  console.log(element);
}