Angular-在[ngStyle]中动态更改Ionic CSS属性

Question

我正在尝试使用[ngClass]基于此Ionic Slide动态更改article的--bullet-background-active颜色。

<ion-slides pager="true" [ngStyle]="{'--bullet-background-active':BulletColorVar}">

但是，它似乎不适用于Ionic自定义CSS属性。

有什么办法解决这个问题吗？

Answer 1

尝试使用style.setProperty(propertyName, value, priority)函数

CSS

ion-slides {
   --bullet-background-active: --bullet-color-var
}

TS

document.body.style.setProperty('--bullet-color-var', BulletColorVar)