javascript / beginner
Snippet
Die Class-Direktive
Die class:-Direktive bietet eine saubere Möglichkeit, CSS-Klassen basierend auf einem booleschen Wert umzuschalten. Wenn der Wert wahr ist, wird die Klasse hinzugefügt.
snippet.js
1
2
3
4
5
let active = true;<div class:active={active}>Status indicator</div>
svelte
Erklärung
1
class:active
Zielt auf die CSS-Klasse mit dem Namen 'active' ab.
2
={active}
Die Bedingung, die bestimmt, ob die Klasse auf das Element angewendet werden soll.