angular - Hur man får åtkomst till scss-variabler i typescript

Jag ville generera ett objekt och det kommer att skapa ett HTML-element. Här behöver jag ange färg, bakgrundsfärg och kant till det objektet.

Istället för att hårdkoda alla de där värdena, ville jag hämta dem från SCSS.

Jag försökte på det här sättet och det fungerar. Vet inte om det är rätt sätt att göra det på eller inte. Så, letar efter den perfekta lösningen

SCSS-exempel kod:

:root {
    --normal-rate: #00008b;
    --special-rate : #80d4ff;
    --flat-rate : #F7941D;
}

Typescript-kod:

this.normalRate = window.getComputedStyle(document.documentElement).getPropertyValue("--normal-rate");
this.specialRate = window.getComputedStyle(document.documentElement).getPropertyValue(RateColor.SpecialRate);
this.flatRate = window.getComputedStyle(document.documentElement).getPropertyValue(RateColor.FlatRate);

this.obj= [
        { title: '', allDay: false,..., backgroundColor: this.specialRate, borderColor: this.specialRate },
        { title: '', allDay: false,..., backgroundColor: this.normalRate, borderColor: this.normalRate },
        { title: '', allDay: false,..., backgroundColor: this.flatRate, borderColor: this.flatRate }
      ];

Relaterade artiklar