Почему не работает @Directive (именно класс с логикой) в angular?

Question

[historydev]

Здравствуйте. Скажите пожалуйста, почему он подсвечивается красным и не работает? Я гуглю, там ответы за 2015 год, вообще другой синтаксис. Может я забыл установить какой-то пакет? - в документации ничего не нашёл пока-что.

import { Component, Directive, HostListener, ElementRef } from '@angular/core';
import {LoggerService} from "./logger.service";

@Directive({
    selector: '.title'
})

class HighlightDirective {

    constructor(private el: ElementRef) { }

    @HostListener('mouseenter') onMouseEnter() {
        this.highlight('yellow');
    }

    @HostListener('mouseleave') onMouseLeave() {
        this.highlight('');
    }

    private highlight(color: string) {
        this.el.nativeElement.style.backgroundColor = color;
    }

}

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
})

export class AppComponent { ... }

Буду благодарен за любую помощь!

Comments

[Антон Швец]

а не пробовали такой лайфхак - навести мышку на ошибку и прочитать что там написано? Скорей всего директива не задекларирована в модуле.

[historydev]

Антон Швец, вот клянусь, делал всё это вчера - не работало! Просто бред) Вы правы

Answer 1

[Виталий Кадыров]

Ответ может быть банален до безобразия - такая подсветка говорит скорее всего о том что в модуле вы не задекларировали и не заимпортили директиву