Как получить текущие классы элемента в директиве Angular

Question

Мне нужно создать директиву Angular 7, в которой я могу переключать (добавлять / удалять) класс из элемента (ElementRef). Когда класс не в элементе, добавьте его, а когда он в элементе, удалите его.

Я знаю, как добавить / удалить класс ... но как получить текущие классы элемента? ... чтобы я мог проверить, нужно ли мне добавлять или удалять

Answer 1

Чтобы получить текущие классы элемента, вы можете сделать:

    const elementRef: ElementRef;
    const classes = elementRef.nativeElement.classList;
    if (classes.contains('your class')
    {
       // do something
    }

Answer 2

Вы можете ввести ElementRef в конструктор директивы и получить доступ к классам элемента, к которому применяется директива, используя

this._el.nativeElement.getAttribute('class')

Где this._el - это введенное ElementRef.

См. Пример здесь:

https://stackblitz.com/edit/angular-bo6xtg