Angular - динамически изменять свойства Ionic CSS в [ngStyle]

Question

Я пытаюсь использовать [ngClass] для динамического изменения цвета --bullet-background-active для Ионного слайда на основе этой статьи .

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

Однако, похоже, что он не работает специально для пользовательских свойств CSS Ionic.

Есть идеи, как это исправить?

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)