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

Question

我试图用[ngClass]动态改变--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)