使用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();