Saya mencoba mengubah nilai variabel dalam file "../myStyle.scss" dari myComponent.ts . Saya membaca bahwa tidak mungkin untuk mencapainya karena file sass dikompilasi menjadi css oleh pra-prosesor sass dan variabelnya menghilang. Apakah tidak ada cara untuk mengatasi hal ini.
Variabel saya disebut $theme. Dan saya ingin mengubah nilainya.
$tema: #5A352A; dan saya ingin menjadi $theme: #ffffff; ketika pengguna mengklik
Anda harus bekerja dengan cara yang berbeda.
Pada dasarnya ketika Anda mengkompilasi aplikasi sudut, itu akan menghasilkan file css yang menggantikan variabel dengan nilai, di mana pun Anda menggunakannya.
Jadi jika Anda ingin mencapai perubahan warna, Anda harus membuat variabel lain dan kelas lain dan menggeseknya di atribut kelas Anda (ini salah satu caranya, periksa juga ngStyle dan ngClass di referensi sudut).
Misalnya tema putih/tema gelap (kasus paling umum). variabel -> $black: #00000; $white: #ffffff
Contoh kelas:
.body-dark {
background-color: $black;
}
.body-white {
background-color: $white;
}
dan geser kelas di elemen html.
setDark(){
document.getElementById("bodyId").setAttribute("class","body-dark ")
}
sama untuk warna putih.
