изменить указатель с помощью ngClass

Question

Я добавляю и удаляю класс, используя ngClass. Я хочу изменить указатель. Мой HTML-код компонента

[ngClass]="{'zoom-cursor': cyClass}"

У меня есть логическое значение с именем cyClass в соответствующем коде машинописи того же компонента.

Мой код CSS: .zoom-cursor { cursor: url(../src/assets/img/zoom-cursor.svg), pointer!important; }

Если я двигаю мышь, изображение указателя меняется, как и ожидалось. НО , если мышь не двигается, ничего не меняется. Я хочу видеть изменения немедленно. Кажется, что угловые не рендерит изменения. Я попытался запустить его вручную, но не смог найти способ.

Answer 1

Вы можете добавить ChangeDetectorRef и вручную запустить обнаружение изменений:

constructor(private ref: ChangeDetectorRef) {}

// In code, where you the value of cyClass, call
this.ref.detectChanges();